Best jQuery Tables Plugins & Tutorials with Demo

Dgtable : jQuery High-performance Table for Web Apps

Dgtable : jQuery High-performance Table for Web Apps

Dgtable is a table View for jQuery, which is meant to be high-performance, and allow simple user interactions with the UI, such as:

  • Sorting
  • Sorting by more than one column
  • Moving columns
  • Resizing columns
  • Full cell preview when hovering
  • Native RTL support

Scrollbooster : Enjoyable Content Drag-to-scroll library

Scrollbooster : Enjoyable Content Drag-to-scroll library

Scrollbooster is a enjoyable content drag-to-scroll micro (~2KB gzipped) library.

Yet Another DataTables Column Filter : jQuery Plugin

Yet Another DataTables Column Filter : jQuery Plugin

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 : jQuery Editable Table Row Plugin

Tabullet : jQuery Editable Table Row Plugin

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

Xcell : Spreadsheet-like Calculations in JavaScript

Xcell : Spreadsheet-like Calculations in JavaScript

Xcell is a tiny, open source (MIT) library for building reactive, spreadsheet-like calculations in JavaScript.

Csv-Calc : jQuery plugin to calculate Prices from CSV

Csv-Calc : jQuery plugin to calculate Prices from CSV

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

jQuery MiniUI : Professional WebUI Control Library

jQuery MiniUI : Professional WebUI Control Library

jQuery MiniUI – Professional WebUI Control Library. It can shorten the development time, reduce the amount of code, so that developers focus more on the business and server-side, easy interface development, resulting in a great user experience.

  • Rapid development, reducing the amount of code 50%
  • Rich component library, high performance, low memory
  • Support for Java, .NET, PHP
  • Support IE6 +, FireFox, Chrome

jQuery Filter Table Plugin

jQuery Filter Table Plugin

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.

Truly Responsive Comparison Tables

Truly Responsive Comparison Tables

This Javascript plugin allows you to create truly responsive comparison tables. No squashed columns on mobile! Instead, your data is laid out in tab format on smaller screens, creating a clear, concise, and enjoyable experience for both your desktop and mobile users. Perfect for pricing plans and product comparisons!

  • Fully responsive
  • Zero dependencies
  • Cross-browser compatible

TableHeadFixer : jQuery plugin for Fix HTML Tables Header

TableHeadFixer : jQuery plugin for Fix HTML Tables Header

TableHeadFixer is a simple jQuery plugin for fixer HTML tables header, footer or columns.
This plugin will only add elements events and css attributes necessary for fix tables header, footer or columns, you can customize styles of your table, this plugin will not influence style of table (width, height, background, font color, etc…)