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 |