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>