kibana-123/ui_framework/doc_site/src/views/table/table.html

Kibana is an open source (Apache Licensed), browser based analytics and search dashboard for Elasticsearch. Kibana is a snap to setup and start using. Kibana strives to be easy to get started with, while also being flexible and powerful, just like Elastic

<table class="kuiTable">
  <thead>
    <tr>
      <th class="kuiTableHeaderCell kuiTableHeaderCell--checkBox">
        <input type="checkbox" class="kuiCheckBox">
      </th>
      <th class="kuiTableHeaderCell kuiTableHeaderCell--sortable" data-demo-sortable-column>
        Title
        <span data-sort-icon-ascending class="kuiTableSortIcon kuiIcon fa-long-arrow-up"></span>
        <span data-sort-icon-descending class="kuiTableSortIcon kuiIcon fa-long-arrow-down"></span>
      </th>
      <th class="kuiTableHeaderCell kuiTableHeaderCell--sortable" data-demo-sortable-column>
        Status
        <span data-sort-icon-ascending class="kuiTableSortIcon kuiIcon fa-long-arrow-up"></span>
        <span data-sort-icon-descending class="kuiTableSortIcon kuiIcon fa-long-arrow-down"></span>
      </th>
      <th class="kuiTableHeaderCell">
        Date created
      </th>
      <th class="kuiTableHeaderCell">
        Date last modified
      </th>
    </tr>
  </thead>

  <tbody>
    <tr class="kuiTableRow">
      <td class="kuiTableRowCell kuiTableRowCell--checkBox">
        <input type="checkbox" class="kuiCheckBox">
      </td>
      <td class="kuiTableRowCell">
        <a class="kuiLink" href="#">Alligator</a>
      </td>
      <td class="kuiTableRowCell">
        <div class="kuiIcon kuiIcon--success fa-check"></div>
      </td>
      <td class="kuiTableRowCell">
        <div class="kuiTableRowCell__liner">
          Tue Dec 06 2016 12:56:15 GMT-0800 (PST)
        </div>
      </td>
      <td class="kuiTableRowCell">
        <div class="kuiTableRowCell__liner">
          Tue Dec 06 2016 12:56:15 GMT-0800 (PST)
        </div>
      </td>
    </tr>

    <tr class="kuiTableRow">
      <td class="kuiTableRowCell kuiTableRowCell--checkBox">
        <input type="checkbox" class="kuiCheckBox">
      </td>
      <td class="kuiTableRowCell">
        <a class="kuiLink" href="#">Boomerang</a>
      </td>
      <td class="kuiTableRowCell">
        <div class="kuiIcon kuiIcon--success fa-check"></div>
      </td>
      <td class="kuiTableRowCell">
        <div class="kuiTableRowCell__liner">
          Tue Dec 06 2016 12:56:15 GMT-0800 (PST)
        </div>
      </td>
      <td class="kuiTableRowCell">
        <div class="kuiTableRowCell__liner">
          Tue Dec 06 2016 12:56:15 GMT-0800 (PST)
        </div>
      </td>
    </tr>

    <tr class="kuiTableRow">
      <td class="kuiTableRowCell kuiTableRowCell--checkBox">
        <input type="checkbox" class="kuiCheckBox">
      </td>
      <td class="kuiTableRowCell">
        <a class="kuiLink" href="#">Celebration</a>
      </td>
      <td class="kuiTableRowCell">
        <div class="kuiIcon kuiIcon--warning fa-bolt"></div>
      </td>
      <td class="kuiTableRowCell">
        <div class="kuiTableRowCell__liner">
          Tue Dec 06 2016 12:56:15 GMT-0800 (PST)
        </div>
      </td>
      <td class="kuiTableRowCell">
        <div class="kuiTableRowCell__liner">
          Tue Dec 06 2016 12:56:15 GMT-0800 (PST)
        </div>
      </td>
    </tr>

    <tr class="kuiTableRow">
      <td class="kuiTableRowCell kuiTableRowCell--checkBox">
        <input type="checkbox" class="kuiCheckBox">
      </td>
      <td class="kuiTableRowCell">
        <a class="kuiLink" href="#">Dog</a>
      </td>
      <td class="kuiTableRowCell">
        <div class="kuiIcon kuiIcon--error fa-warning"></div>
      </td>
      <td class="kuiTableRowCell">
        <div class="kuiTableRowCell__liner">
          Tue Dec 06 2016 12:56:15 GMT-0800 (PST)
        </div>
      </td>
      <td class="kuiTableRowCell">
        <div class="kuiTableRowCell__liner">
          Tue Dec 06 2016 12:56:15 GMT-0800 (PST)
        </div>
      </td>
    </tr>
  </tbody>
</table>