Advanced
Casual
Casual
User Ability: Intermediate Year,Make,Model,Length 1997,Ford,E350,2.34 2000,Mercury,Cougar,2.38 Shortcode User Ability: Intermediate Sortable columns with initial orders (column 2 desc., column 3 asc.). Click header to sort. 1,1999,Ford,row1col2,row1col3 2,2001,BMW,row2col2,row2col3 3,2001,Lexus,row3col2,row3col3 4,2003,Benz,row4col2,row4col3 Shortcode User Ability: Advanced Example 1 – table with colspan (merged cells) and other attribute in some cells 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 Shortcode Example 2 – table with caption, column width, and column alignment no,head1,head2,head3,head4 1,row1col1,row1col2,row1col3,100 2,row2col1,row2col2,row2col3,20000 3,row3col1,,row3col3,1405 4,row4col1,row4col2,row4col3,23023 ShortcodeFeatures
Basic Table
[[table tablesorter="0"]
Year,Make,Model,Length
1997,Ford,E350,2.34
2000,Mercury,Cougar,2.38
[/table]]
Sortable Columns
[/table][[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
[[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]]
[[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]]
Just another TJC International Sites site