Simple Structures Table

SS.Table allows you to easily add common functionality to any new or existing HTML table such as sorting, column and row highlighting, pagination, and more. SS.Table extends HtmlTable from the Mootools More repository and adds additional commonly used table functionality.

Example: Add functionality to an existing table

Transform the simple HTML table below to add striping, column sorting and pagination features.
new SS.Table('example-table-1',{
    paginate:true,
    rowsPerPage: 5
});   
    
Column 1 Column 2 Column 3 Column 4
Row 1 Cell 1 Row 1 Cell 2 Row 1 Cell 3 Row 1 Cell 4
Row 2 Cell 1 Row 2 Cell 2 Row 2 Cell 3 Row 2 Cell 4
Row 3 Cell 1 Row 3 Cell 2 Row 3 Cell 3 Row 3 Cell 4
Row 4 Cell 1 Row 4 Cell 2 Row 4 Cell 3 Row 4 Cell 4
Row 5 Cell 1 Row 5 Cell 2 Row 5 Cell 3 Row 5 Cell 4
Row 6 Cell 1 Row 6 Cell 2 Row 6 Cell 3 Row 6 Cell 4
Row 7 Cell 1 Row 7 Cell 2 Row 7 Cell 3 Row 7 Cell 4
Row 8 Cell 1 Row 8 Cell 2 Row 8 Cell 3 Row 8 Cell 4
Row 9 Cell 1 Row 9 Cell 2 Row 9 Cell 3 Row 9 Cell 4
Row 10 Cell 1 Row 10 Cell 2 Row 10 Cell 3 Row 10 Cell 4
Row 11 Cell 1 Row 11 Cell 2 Row 11 Cell 3 Row 11 Cell 4
Row 12 Cell 1 Row 12 Cell 2 Row 12 Cell 3 Row 12 Cell 4
Row 13 Cell 1 Row 13 Cell 2 Row 13 Cell 3 Row 13 Cell 4
Row 14 Cell 1 Row 14 Cell 2 Row 14 Cell 3 Row 14 Cell 4
Row 15 Cell 1 Row 15 Cell 2 Row 15 Cell 3 Row 15 Cell 4
Row 16 Cell 1 Row 16 Cell 2 Row 16 Cell 3 Row 16 Cell 4
Row 17 Cell 1 Row 17 Cell 2 Row 17 Cell 3 Row 17 Cell 4
Row 18 Cell 1 Row 18 Cell 2 Row 18 Cell 3 Row 18 Cell 4
Row 19 Cell 1 Row 19 Cell 2 Row 19 Cell 3 Row 19 Cell 4
Row 20 Cell 1 Row 20 Cell 2 Row 20 Cell 3 Row 20 Cell 4
voltaren k 25 mg kopen nexium sans ordonnance elocon cream 0.1 buy motilium kopen differin gel kaufen atrovent kaufen buy fluconazole in uk adobe photoshop elements 9 price india where to buy cialis in canada online ordering cialis from canada