Best jQuery Tables Plugins & Tutorials with Demo

BIGrid a Fixed Rows & Fixed Columns table in jQuery

BIGrid a Fixed Rows & Fixed Columns table in jQuery

BI Grid is designed to present your data, especially in the reports for enterprises.The idea comes from the BI system I produced months ago. It would be able to edit data easily, drill down to details easily and ajax enabled. Other good features will be supported in the future.

Features to be supported:

  • It has two modes: View & Edit. The edit mode enable users to edit the data in the grid through Ajax.
  • Init data by using Ajax.
  • Drill down to details by using Ajax.
  • Support JSON & XML data types.
  • Support Multi-skins.

jTable A JQuery plugin to create AJAX based CRUD tables

jTable A JQuery plugin to create AJAX based CRUD tables

jTable is a jQuery plugin that is used to create AJAX based CRUD tables without coding HTML or Javascript. It has several features including:

  • Automatically creates HTML table and loads records from server using AJAX.
  • Creates ‘create new record’ jQueryUI dialog form. When user creates a record, it sends data to server using AJAX and adds the same record to the table in the page.
  • Creates ‘edit record’ jQueryUI dialog form. When user edits a record, it updates server using AJAX and updates all cells on the table in the page.

Scrollable Fixed Header Table – A JQuery Plugin

Scrollable Fixed Header Table – A JQuery Plugin

This plugin allows html tables to be scrollable horizontally and vertically while headers are still visible and in tack with the columns. This plugin can be used in two modes:

  • With column select – Columns to view can be selected. The select state can be persisted in a named cookie.
  • Without column select

jQuery Flexible Data Heat Map

jQuery Flexible Data Heat Map

Add more excitement to data tables using jQuery and conditional formatting to generate flexible data “heat maps”. Long tables of numbers are never fun to look at and when presenting this kind of data on the web, where attention spans are already at their limits, you need to be able to present the highlights as quickly as possible. Data heat maps provide the perfect way of taking ordinary data and creating something more visually appealing and informative.

jQuery ComboGrid Plugin

jQuery ComboGrid Plugin

ComboGrid, like autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, but in a tabular and paginated manner. ComboGrid provides keyboard navigation support for selecting an item.

jQuery charToTable plugin

jQuery charToTable plugin

I was playing with jQuery and tables yesterday, and got a weird idea: what about converting characters to tables using jQuery?

The idea evolved and I started to write a new jQuery plugincharToTable.

I really don’t know if someone will find it useful, but it actually works fine.
It uses some PHP + GD to convert a character to an image, and then to a JSON object containing the glyph matrix.

jPList : jQuery List Handling plugin

jQuery List Handling plugin

jPList is a jQuery plugin for sorting, paging and filtering any content, such as DIVs, lists and tables.

  • Works with any content (tables, lists, div elements)
  • Seo friendly
  • Paging
  • Filtering
  • Ascending or descending sorting
  • Alphabetical or numerical sorting
  • Sorting, paging and filtering state can be saved in cookies.

JCRUD – Create, Read, Update and Delete Rows with jQuery

jQuery JCRUD - Create, Read, Update and Delete Rows

jCRUD is a lightweight jQuery plugin allows you to create, read, update, and delete content of HTML tables with ASP.NET server side code and AJAX.

  • Insert, update and delete rows in HTML table
  • ASP.NET server side + AJAX
  • Pagination
  • Sorting
  • Works in all major browsers (Firefox, Opera, Safari, Chrome, Internet Explorer 6+)

SFBrowser File Manager With PHP & jQuery

SFBrowser File Manager With PHP & jQuery

SFBrowser is an open source application, built with PHP and jQuery, formanaging files online with an Ajaxed interface.

Besides listing files and folders, it can upload, delete, rename and preview them. Uploading can be accomplished via an Ajaxed or Flash-based uploader (queued multiple uploads, progress bar, canceling, selection filtering, size filtering).

The functionality can be extended with plugins. There are few ready-to-use ones like filetree and image-resize.

Clickable Table Rows with jQuery

Clickable Table Rows with jQuery

Tables have a bit of a bad reputation in the web world but there are a lot of times where using a table makes sense according to the data being presented. One of the most common approaches to tabular data is having a column on either side of actions the user can take to that specific row; Edit, Delete, etc. A really quick way to improve the user experience is by making each table row clickable.