Best jQuery Tables Plugins & Tutorials with Demo

    Wholly : jQuery plugin to highlight Table Rows and Columns

    Wholly : jQuery plugin to highlight Table Rows and Columns

    A jQuery plugin to highlight table rows and columns on hover with rowspan and colspan support.

    Bootstrap Table with jQuery

    Bootstrap Table with jQuery

    The table displays data in a tabular format and offers rich support to radio, checkbox, sort, pagination and so on. The table has been designed to reduce development time and to require no specific knowledge from developers. It is both featherweight and feature-rich.

    Features:

    • Created for Bootstrap 3 (Bootstrap 2 supported)
    • Responsive web design
    • Scrollable Table with fixed headers
    • Fully configurable
    • Via data attributes
    • Show/Hide columns
    • Show/Hide headers
    • Get data in JSON format using AJAX
    • Simple column sorting with a click
    • Format column
    • Single or multiple row selection
    • Powerful pagination
    • Card view
    • Localization

    Bootstrap Datagrid with jQuery

    Bootstrap Datagrid with jQuery

    bs_grid is a jQuery Datagrid plugin, based on Twitter Bootstrap.

    Tablesaw : A set of jQuery plugins for Responsive Tables

    Tablesaw : A set of jQuery plugins for Responsive Tables

    A group of jQuery plugins for responsive tables.

    tableExport : jQuery Plugin to Export HTML Tables

    tableExport : jQuery Plugin to Export HTML Tables

    tableExport is a jQuery plugin to export HTML Table to JSON, XML, PNG, CSV, TXT, SQL, MS-Word, Ms-Excel, Ms-Powerpoint, PDF.

    Toolkit : Front-End UI toolkit built with HTML5, CSS3, jQuery

    Toolkit : Front-End UI toolkit built with HTML5, CSS3, jQuery

    Titon Toolkit is a collection of very powerful user interface components and utility classes for the responsive, mobile, and modern web. Each component represents encapsulated HTML, CSS, and JavaScript functionality for role specific page elements.

    Toolkit makes use of the latest and greatest technology. This includes HTML5 for semantics, CSS3 for animations and styles, Sass for CSS pre-processing, Grunt for task and package management, and powerful new browser APIs for the JavaScript layer.

    jQuery Plugin wraps the powerful and mature DataTables

    jQuery Plugin wraps the powerful and mature DataTables

    Sort, page, and filter millions of records reactively.This package wraps the powerful and mature DataTables.net jQuery plugin for enhancing HTML tables.

    Features:

    • Variable length pagination
    • On-the-fly filtering
    • Multi-column sorting with data type detection
    • Smart handling of column widths
    • Display data from almost any data source
    • Scrolling options for table viewport
    • Fully internationalisable
    • jQuery UI ThemeRoller support
    • Wide variety of plug-ins inc. Editor, TableTools, FixedColumns and more

    FooTable : jQuery Responsive Table Plugin

    FooTable : jQuery Responsive Table Plugin

    FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome – No matter how many columns of data you may have in them.

    Features:

    • Hide certain columns at different sizes
    • Configuration via data attributes
    • Built to work with Bootstrap
    • Easy to theme
    • Sorting
    • Filtering
    • Pagination
    • Easy to extend with add-ons

    HTML5 Inline Edit with PHP, MYSQL & jQuery Ajax

    HTML5 Inline Edit with PHP, MYSQL & jQuery Ajax
    Now a days, We are always looking for easiest way for people to interact with our Web Applications. I am going to tell you about In-Place Editing or Inline Editing. Popular websites like facebook wants their user to edit their profile information without having to navigate to different form.

    HTML5′s new attribute called contenteditable , It takes care of inline editing automatically. We should write little jQuery code to send the data back to the server, so we can save it. Biggest advantage is we don’t need to create and toggle hidden forms.

    Power Table : jQuery plugin for Bootstrap Tables

    Power Table : jQuery plugin for Bootstrap Tables

    You can use a combination of features that you want in the table. Our Js table features in below.

    • You can add the search feature in the table.
    • You can add the sorting feature in the table.
    • You can add the result sum feature end of the column.
    • You can change the value in the sql and table.
    • You can add the paginations feature in the table.
    • You can add the more results feature in the table.
    • You can add the display feature in the table for size.
    • Our Table Js library with your bootstrap themes.