Back to Graylog2 Server

Table

graylog2-web-interface/src/components/bootstrap/Table.md

7.1.01.7 KB
Original Source
<h3>Regular Table</h3>
js
<Table>
  <thead>
    <tr>
      <th>#</th>
      <th>Col 1</th>
      <th>Col 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Foo Bar</td>
      <td>active</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Lorem Ipsum</td>
      <td>active</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Ex salutatus</td>
      <td>active</td>
    </tr>
    <tr>
      <td>4</td>
      <td>Usu petentium</td>
      <td>active</td>
    </tr>
  </tbody>
</Table>
<h3>Table with Options</h3>
js
<Table bordered condensed striped hover>
  <thead>
    <tr>
      <th>#</th>
      <th>Col 1</th>
      <th>Col 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Foo Bar</td>
      <td>active</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Lorem Ipsum</td>
      <td>active</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Ex salutatus</td>
      <td>active</td>
    </tr>
    <tr>
      <td>4</td>
      <td>Usu petentium</td>
      <td>active</td>
    </tr>
  </tbody>
</Table>
<h3>Variant Rows</h3>
js
<Table hover>
  <thead>
    <tr>
      <th>#</th>
      <th>Col 1</th>
      <th>Col 2</th>
    </tr>
  </thead>
  <tbody>
    <tr className="warning">
      <td>1</td>
      <td>Foo Bar</td>
      <td>active</td>
    </tr>
    <tr className="success">
      <td>2</td>
      <td>Lorem Ipsum</td>
      <td>active</td>
    </tr>
    <tr className="info">
      <td>3</td>
      <td>Ex salutatus</td>
      <td>active</td>
    </tr>
    <tr className="danger">
      <td>4</td>
      <td>Usu petentium</td>
      <td>active</td>
    </tr>
    <tr className="active">
      <td>5</td>
      <td>Odio choro</td>
      <td>active</td>
    </tr>
  </tbody>
</Table>