Getting started
Default size
Head #1 |
Head #2 |
Head #3 |
Head #4 |
Head #5 |
Content #1 |
Content #2 |
Content #3 |
Content #4 |
Content #5 |
<table class="to-responsify">
<tr>
<th>Head #1</th>
<th>Head #2</th>
<th>Head #3</th>
<th>Head #4</th>
<th>Head #5</th>
</tr>
<tr>
<td>Content #1</td>
<td>Content #2</td>
<td>Content #3</td>
<td>Content #4</td>
<td>Content #5</td>
</tr>
</table>
(function ($){
$('table.to-responsify').tabloyd({
rowWidth: '35%'
});
})(jQuery);
Smaller size
Head #1 |
Head #2 |
Head #3 |
Head #4 |
Head #5 |
Head #6 |
Head #7 |
Head #8 |
Content #1 |
Content #2 |
Content #3 |
Content #4 |
Content #5 |
Content #6 |
Content #7 |
Content #8 |
Options
Option |
Type |
Default |
Description |
rowWidth |
string |
'35%' |
Fixed row size, in pixels, em or percent |