← Superkube / Documentation 1.5
Modules

Table

This module helps to work with tables.

Base #

This is how the table in Superkube looks like by default.

First Name Last Name Points
Jill Smith 50
Eve Jackson 94
<table>
    <thead>
        <tr>
            <th>...</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>...</td>
        </tr>
    </tbody>
</table>

Bordered #

Use the table-bordered class to add borders from all sides of the table cell.

First Name Last Name Points
Jill Smith 50
Eve Jackson 94
<table class="table-bordered">...</table>

Scrollable #

Wrap the table in div with the class table-scrollable, so that on small screens the table does not go beyond the screen.

Col 1 Col 2 Col 3 Col 4 Col 5 Col 6 Col 7 Col 8 Col 9 Col 10 Col 11 Col 12 Col 13 Col 14 Col 15 Col 16
<div class="table-scrollable">
	<table>...</table>
</div>