Skip to content

crewstyle/yohoho.tabloyd

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tabloyd Build Status

a responsive table very light jQuery plugin
npm version GitHub version

Package manager

//bower
bower install --save yohoho.tabloyd
//npm
npm install yohoho.tabloyd

Install

<!-- In your <body> HTML tag -->

<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>
//in your main JS file
$('table.to-responsify').tabloyd({
    rowWidth: '35%'
});

Settings

Option Type Default Description
rowWidth string '35%' Fixed row size, in pixels, em or percent

Dependencies

jQuery latest version

Authors and Copyright

Made with ♥ by Achraf Chouk

Please, read LICENSE for more details.