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