Best jQuery Tables Plugins & Tutorials with Demo

This jQuery plug-in allows the user to easily add filter components to table columns, the plug-in works on top of the DataTables jQuery plug-in.

Features:

• Support DataTables 1.10.0 – Use yadcf.init(…) for new API (Capital “D”)
• Support all data source: DOM, Javascript, Ajax and server-side processing (1.10.0 +)
• Various filter options:
• select input, multiple selection input, text input
• autocomplete input – make use of the jQuery UI Autocomplete widget (with some enhancements)
• date input – make use of the jQuery UI Datepicker widget (with some enhancements)
• range of numbers
• range of numbers with slider widget – make use of the jQuery UI Slider widget (with some enhancements)
• range of dates – make use of the jQuery UI Datepicker widget (with some enhancements) or Bootstrap Datepicker
• custom function
• Filters can be placed in the header (thead) or in the footer (tfoot) , second argument of yadcf constructor or third argument of init function

Tabullet is a simple jQuery plugins for creating a table that can insert, edit, and delete row in one place.

Csv-calc is a jQuery plugin to load a CSV of products and calculate a sum of prices.

This plugin will add a search filter to tables. When typing in the filter, any rows that do not contain the filter will be hidden.