14 jQuery HTML Table Plugins

Tram Ho

Hello friends,

Already a coder, maybe few friends have never worked on the table? Working with tables is easy but actually not simple. For tables with sort data, scroll tables, and fix tables, you probably have to scratch your head to find a solution. This article introduces about 17 plugins specialized in tables that provide "difficult" functions such as sorting, filtering, searching, pagination and even in-line editing. Now let's go explore these plugins offline.

1. DataTables

DataTables is a plugin of the jQuery Javascript library. This plugin is a very flexible tool, based on progressive improvements and will add advanced controls to interact with any HTML table. You can find out more at https://datatables.net/

2. tQuery

This plugin will make simple tables much more dynamic. This plugin is created by a combination of flexibility and ease. It supports users with custom design, supports a variety of formats to sort columns, makes it easier to export and import data. However, this plugin is chargeable. However, it is also quite cheap. For only $ 7 you can own this great plugin.

Reference link: https://codecanyon.net/item/tquery-dynamic-tables/89478

3. tablesaw

A group of pugins that support tables

Reference link: https://github.com/filamentgroup/tablesaw

4. Handsontable

Handsontable is a simple grid-like Excel-like editor used for HTML, JavaScript & jQuery. It is equipped with columns, headlines, Autoexpanding, Legend, Autocomplete, Scroll, Drag-down, Context menu, Save features, …

Reference link: https://handsontable.com/

5. jTable

jTable is a jQuery plugin used to create AJAX-based CRUD tables without HTML or Javascript coding.

Link Reference: http://www.jtable.org/

6. FooTable

FooTable is a jQuery plugin that supports responsive table work without bootstrap support.

Reference link: https://fooplugins.github.io/FooTable/

7. flexigrid

This plugin supports resizing columns and allows scolling data to match headers. Along with that is the ability to connect data based on xml with Ajax to load content.

Reference link: https://www.js-tutorials.com/jquery-tutorials/simple-example-use-jquery-flexigrid/

8. Dynatable

Dynatable is a plugin that uses jQuery, HTML5, and JSON. So it is quite flexible and clear.

Reference link: https://www.dynatable.com/

9. tableclothjs

tabsheet.js is a jQuery plugin that makes it easy to style HTML tables along with some simple customizations.

Reference link: http://tableclothjs.com/

10. jQuery HighchartTable

A jQuery plugin for converting your HTML tables into your favorite Highcharts charts.

Reference link: http://highcharttable.org/

11. tablesorter

framesorter is a jQuery plugin to turn a standard HTML table with THEAD and TBODY tags into an organized table without refreshing the page. Framesorter can successfully analyze and organize multiple types of data including linked data in a cell.

Reference link: https://mottie.github.io/tablesorter/docs/

12. Sticky Table Headers & Columns

This plugin supports the sticky header or a certain column of the table

Reference link: https://tympanus.net/codrops/2014/01/09/sticky-table-headers-columns/

13. jQuery ReStable

jQuery ReStable is a very simple and lightweight jQuery plugin (~ 1Kb), which helps them to collapse tables into ul lists.

Reference links: https://codeb.it/restable/

14. jQuery Animated Table Sorter

jQuery Animated Table Sorter is a library that supports simple sort tables. Along with that are the effects when sorting.

Reference link http://www.matanhershberg.com/plugins/jquery-animated-table-sorter/

Thus, with many different, simple and complex plugins, each of you can choose for themselves the most appropriate plugin instead of scratching your head to find a solution for the table. Hope this article will support you as much as possible.

Good luck!

Share the news now

Source : Viblo