All demos include documentation so you can see exactly how things are done!
Standard Demos
- Getting Started - a simple demo to get you up and running with FooTable in 5 minutes.
- Data Attributes - a look at all the available data attributes.
- Row Toggler - setup which column has the toggler, or hide it completely.
- Icon Styles - change the default icons for expanding and collapsing your FooTables.
- Hiding Columns - hide certain columns from showing at all.
- Auto Expand First Row - expand the first row when a breakpoint is hit.
- Expand / Collapse All Rows - expand or collapse all rows.
- [TODO] Using Colspan - FooTable support the use of colspan in your tables.
- [TODO] Controls - do you use other 3rd party controls inside your tables?
- [TODO] Zebra Stripes - how to get your zebra stripes to work.
- Arbitrary Expand/Collapse Markup - replace the toggler icons with your own (non-background) content
- Editable / Modifiable Columns - support for html input elements and dynamic columns.
Add-On Demos
- Sorting - make your FooTable's sortable.
- Filtering - include filtering in your FooTable.
- Pagination - include pagination in your FooTable.
- Striping - include striping on your FooTable.
- Bookmarkable - Add bookmarks in the URL, so a user can save a particular view of a FooTable.
- Showcase - a showcase using the sorting, filtering and pagination add-ons.
Theme Demos
- Metro Theme - A demo showing off the Metro theme.
- Old Theme - A demo showing off the original FooTable theme.
Advanced Demos
- FooTable Events - Hook into the FooTable events.
- FooTable API - Programmatically call FooTable functions.
- FooTable Triggers - Trigger certain FooTable actions.
- Event Interception - Intercept the FooTable add-on events.
- AJAX - Add table data using AJAX calls and then redraw your FooTable.
- Add / Remove Rows - Add or remove rows from your FooTable.
- Group Headers - Group your column headers together for complex table structures.
- Multiple Tables - a demo with more than 1 FooTable on the same page.
- Reset Table - change the columns after init by using reset.
- Accordion - turn your FooTable into a simple accordion.
- [TODO] AJAX + Mustache
- [TODO] Table Of Contents