FooTable - jQuery plugin for responsive HTML tables

A demo showing off the different toggle icons styles and sizes. The toggle icons are now displayed using icon-fonts, which makes for easier styling to fit in with your existing theme. Simply add the specific class name to your table.

style : [ default | toggle-circle | toggle-circle-filled | toggle-square | toggle-square-filled | toggle-arrow | toggle-arrow-small | toggle-arrow-circle | toggle-arrow-circle-filled | toggle-arrow-tiny | toggle-arrow-alt ]

size : [ default | toggle-medium | toggle-large ]

First Name | Last Name | Job Title | DOB | Status
--- | --- | --- | --- | ---
Isidra | Boudreaux | Traffic Court Referee | 22 Jun 1972 | Active
Shona | Woldt | Airline Transport Pilot | 3 Oct 1981 | Disabled
Granville | Leonardo | Business Services Sales Representative | 19 Apr 1969 | Suspended
Easer | Dragoo | Drywall Stripper | 13 Dec 1977 | Active
Maple | Halladay | Aviation Tactical Readiness Officer | 30 Dec 1991 | Suspended
Maxine | Woldt | Business Services Sales Representative | 17 Oct 1987 | Disabled
Lorraine | Mcgaughy | Hemodialysis Technician | 11 Nov 1983 | Disabled
Lizzee | Goodlow | Technical Services Librarian | 1 Nov 1961 | Suspended
Judi | Badgett | Electrical Lineworker | 23 Jun 1981 | Active
Lauri | Hyland | Blackjack Supervisor | 15 Nov 1985 | Suspended

#### Toggle Icon Styles

Add a class name to the table to change the default toggle icon stlye:

    <table class="footable table toggle-circle">

`default`
`toggle-circle`
`toggle-circle-arrow`

#### Toggle Icon Size

Add a class name to the table to change the default toggle icon size:

    <table class="footable table toggle-medium">

`default`
`toggle-medium`
`toggle-large`