Data Table

TIP

Example of a Data Table.

• Based on the jQuery DataTables Library.
• For more styling options see Molecules/Table.

Classes: .c-table.dataTable Initialize like this: $('#table_id').dataTable();

Column 1	Column 2	Column 3
Row 1 Data 1	Row 1 Data 2	Row 1 Data 3
Row 2 Data 1	Row 2 Data 2	Row 2 Data 3

<table id="table_id" class="c-table dataTable no-footer">
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Row 1 Data 1</td>
      <td>Row 1 Data 2</td>
      <td>Row 1 Data 3</td>
    </tr>
    <tr>
      <td>Row 2 Data 1</td>
      <td>Row 2 Data 2</td>
      <td>Row 2 Data 3</td>
    </tr>
  </tbody>
</table>