Best jQuery Tables Plugins & Tutorials with Demo

    jQuery finderSelect

    jQuery finderSelect

    jQuery Plugin for matching finder like functions making child elements selectable supports Ctrl+Click, Command+Click, Ctrl+Drag, Command+Drag and Shift+Click.jQuery finderSelect Adds the ability to highlight table rows based on the standard single click.

    jQuery Responsive Tables

    jQuery Responsive Tables

    A jQuery plugin to make tabular data responsive.

    Advanced Table jQuery plugin

    Advanced Table jQuery plugin

    User friendly table handler

    Features:

    • editable content
    • selectable row
    • multi select row
    • source select (database or file or html)
    • filterable content
    • download filtered content
    • password protected database update with timeout
    • resizeable

    Filterable : jQuery Table Column Filter for Bootstrap

    Filterable : jQuery Table Column Filter for Bootstrap

    Bootstrap and X-editable themed jQuery plugin that preforms per-column filtering for an HTML table.

    jQuery Resizable Table Columns plugin

    jQuery Resizable Table Columns plugin

    Resizable table columns for jQuery. Grab the column headers and drag em!.To save column sizes on page reload (or js re-rendering), just pass a function that responds to get and set.

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    A jQuery UI theme based on Twitter Bootstrap.This project was started to bring the beauty and ease-of-use of Twitter Bootstrap to jQuery UI widgets.In their original forms, jQuery UI and Bootstrap can’t coexist resulting in conflicts with both CSS classes and styles as well as JavaScript when you do try to use them. jQuery UI Bootstrap provides the JavaScript and CSS required to quickly start a project using both jQuery UI and Twitter Bootstrap.

    Our solution offers a custom version of Bootstrap compatible with jQuery UI as well as a Bootstrap-themed jQuery UI theme you can use to prototype your projects.

    StreamTable.js : The next generation search filter in jQuery

    StreamTable.js : The next generation search filter in jQuery

    StreamTable.js streams data for tables in the background, updates and renders them using templating frameworks like Mustache.js, HandleBars.js.

    Sometimes we want to show thousands of records in a table. This can take too long for the page to render and make the page unusable till the entire table is populated. To counter this we could populate the table using an Ajax call. In both cases, the users have to wait until all the table rows are populated. Additionally, user cannot do any operations on the table like search, pagination etc.

    The idea behind StreamTable.js is to initially populate minimum rows (maybe 10 or 20) and after that in stream data silently in the background and update the table. This ensures that the page loads immediately and is also usable immediately for all operations.

    SortTables : jQuery Responsive Tables

    SortTables : jQuery Responsive Tables

    SortResponsiveTable including: sorting script adds search, column averages and totals, record numbering, a view all function, and a reset function.

    Other features include alternate row highlighting, header class toggling, auto data type recognition, and selective column sorting.

    jQuery Animated Table Sorter

    jQuery Animated Table Sorter

    jQuery Animated Table Sorter is a simple html table sorter, with the added benefit of animating the sorting operation.

    Have you ever wanted to deliver unexciting content in a very exciting way? Me neither.However, now we can.

    w2ui : jQuery UI Library

    w2ui : jQuery UI Library

    The w2ui library is a set of interrellated jQuery plugins. It is not a adhoc port to jQuery, but was initially developed with jQuery in mind. There is no support of other frameworks such as prototype or dojo. The w2layout object allows you to create stretchable and resizable layouts with up to 6 panels. The panels are top, left, main, preview, right, and bottom. You do not have to create and initialize all 6 panels, but only the panels you need in your application.

    Out of the box w2ui library is all-in-one solution. It contains all most common UI widgets: Layout, Grid, Sidebar, Tabs, Toolbar, Popup, Field Controls and Forms. You do not need to put together a collection of mismatched plugins to accomplish your goals.