FooTables Secondary headline

Showcase of pagination, filtering, sorting and editing.

Notes

  • The below example loads dynamically ten thousand (10000) rows from the server.
  • Using the paging component drastically improves the performance of the plugin on large numbers of rows.
  • The editing component requires you to create the modal and editor form that is displayed. Check out the individual component documentation or example for more details.
  • As the state component has no UI try sorting a column, changing the page or applying a search filter and then refreshing the browser.

Modal example

Notes

  • This example makes use of Bootstraps' modal component.
  • Seeing as the modal is a lot smaller than the viewport and table uses the default breakpoints, the below example makes use of the useParentWidth option so the columns collapse accordingly.

Orders (try responsive for this table)

Order ID Date Customer Status Price Type
#8002 2013/08/08 Robert De Niro Completed $ 825.50 Website
#5832 2013/08/08 John Wayne On hold $ 923.93 Website
#2547 2013/08/08 Anthony Hopkins Pending $ 1.625.50 Tablet
#9274 2013/08/08 Charles Chaplin Cancelled $ 35.34 Mobile
#8463 2013/08/08 Gary Cooper Completed $ 34.199.99 Website
#8002 2013/08/08 Robert De Niro Completed $ 825.50 Website
#5832 2013/08/08 John Wayne On hold $ 923.93 Website
#2547 2013/08/08 Anthony Hopkins Pending $ 1.625.50 Tablet
#9274 2013/08/08 Charles Chaplin Cancelled $ 35.34 Mobile
#8463 2013/08/08 Gary Cooper Completed $ 34.199.99 Website
#8002 2013/08/08 Robert De Niro Completed $ 825.50 Website
#5832 2013/08/08 John Wayne On hold $ 923.93 Website
#2547 2013/08/08 Anthony Hopkins Pending $ 1.625.50 Tablet
#9274 2013/08/08 Charles Chaplin Cancelled $ 35.34 Mobile
#8463 2013/08/08 Gary Cooper Completed $ 34.199.99 Website
#8002 2013/08/08 Robert De Niro Completed $ 825.50 Website
#5832 2013/08/08 John Wayne On hold $ 923.93 Website
#2547 2013/08/08 Anthony Hopkins Pending $ 1.625.50 Tablet
#9274 2013/08/08 Charles Chaplin Cancelled $ 35.34 Mobile
#8463 2013/08/08 Gary Cooper Completed $ 34.199.99 Website
#8002 2013/08/08 Robert De Niro Completed $ 825.50 Website
#5832 2013/08/08 John Wayne On hold $ 923.93 Website
#2547 2013/08/08 Anthony Hopkins Pending $ 1.625.50 Tablet
#9274 2013/08/08 Charles Chaplin Cancelled $ 35.34 Mobile
#8463 2013/08/08 Gary Cooper Completed $ 34.199.99 Website

    Layout Options


    Skin Color