Data Table

TIP

Example of a Data Table. Based on the DataTables (opens new window) Library. For Styling 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

hide code

<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>