Categories
Plugins

make-tables-responsive

make-tables-responsve
jQuery plugin that can be used to add a mobile version of wide data tables. Great for adding to pages that have existing wide tables.
Doesn’t require any markup changes.
Usage Examples

    

       

       

       

       

       

       

    

    

       

       

       

       

       

       

    

Name Age Sex Eye Color Address Phone Number
Conner 26 Male Blue 123 N Hall St 555-1234

$(‘table’).makeTableResponsive();
By Default the first row with more than one column is set as the header row and any rows above is added to the moblie version above
the header row. The Default breakpoint is 500px. You can also set the header row and the breakpoint. Row numbers are zero based.
$(‘.wide-tables’).makeTableResponsive({“breakpoint”:”700px”,”headingRow”:1});

GitHub Repo