Advanced
Casual
Casual
Features
Basic Table
User Ability: Intermediate
[table tablesorter=”0″]
Year,Make,Model,Length
1997,Ford,E350,2.34
2000,Mercury,Cougar,2.38
[/table]
Shortcode
[[table tablesorter="0"] Year,Make,Model,Length 1997,Ford,E350,2.34 2000,Mercury,Cougar,2.38 [/table]]
Sortable Columns
User Ability: Intermediate
Sortable columns with initial orders (column 2 desc., column 3 asc.). Click header to sort.
[table tablesorter=”1″ sort=”,desc, asc”]
no,year,brand,head2,head3
1,1999,Ford,row1col2,row1col3
2,2001,BMW,row2col2,row2col3
3,2001,Lexus,row3col2,row3col3
4,2003,Benz,row4col2,row4col3
[/table]
Shortcode
[[table tablesorter="1" sort=",desc, asc"] no,year,brand,head2,head3 1,1999,Ford,row1col2,row1col3 2,2001,BMW,row2col2,row2col3 3,2001,Lexus,row3col2,row3col3 4,2003,Benz,row4col2,row4col3 [/table]]
Table with Attributes
User Ability: Advanced
Example 1 – table with colspan (merged cells) and other attribute in some cells
[table]
no[attr style=”width:250px”],head1,head2,head3
1,row1col1,row1col2,row1col3[attr class=”red-text”]
2,row2col1,row2col2,row2col3
3,row3col1[attr colspan=”2″ style=”text-align:center; border:1px dotted brown;”],row3col3
4,row4col1,row4col2,row4col3
[/table]
Shortcode
[[table] no[attr style="width:250px"],head1,head2,head3 1,row1col1,row1col2,row1col3[attr class="red-text"] 2,row2col1,row2col2,row2col3 3,row3col1[attr colspan="2" style="text-align:center; border:1px dotted brown;"],row3col3 4,row4col1,row4col2,row4col3 [/table]]
Example 2 – table with caption, column width, and column alignment
[table caption=”Just test table” width=”500″ colwidth=”20|100|50″ colalign=”left|left|center|left|right”]
no,head1,head2,head3,head4
1,row1col1,row1col2,row1col3,100
2,row2col1,row2col2,row2col3,20000
3,row3col1,,row3col3,1405
4,row4col1,row4col2,row4col3,23023
[/table]
Shortcode
[[table caption="Just test table" width="500" colwidth="20|100|50" colalign="left|left|center|left|right"]
no,head1,head2,head3,head4
1,row1col1,row1col2,row1col3,100
2,row2col1,row2col2,row2col3,20000
3,row3col1,,row3col3,1405
4,row4col1,row4col2,row4col3,23023
[/table]]