Tabloyd, a responsive table very light jQuery plugin

‹ Github project page

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