Enhancing HTML tables using a JQuery DataTables plugin | CodeProject

Enhancing HTML tables using a JQuery DataTables plugin - CodeProject

In this article is shown how you can enhance plain HTML table with JQuery DataTables plugin

jQuery datatable with FancyBox and auto refresh - Shaun McCran

The blog of Shaun McCran - JQuery datatable with added FancyBox and auto refresh

Recently I've had a few questions about how to use the datatables plugin to display data, and also integrate a pop up or lightbox function. The pop up would have an edit form in it, and when the user completes the edit the light box goes away and the datatable refreshes.
This is relatively straightforward to do, but there are several key concepts to getting everything working correctly, so I've broken it down into a few chunks.
You can see an example of a datatable with added FancyBox here.

DataTables editing example | datatables.net

DataTables example

Using DataTables in-combination with the excellent jEditable plugin for jQuery allows you to produce a table which can have individual cells edited. The table can then be updated such that filtering, sorting etc. will all work as expected. This is showing in the demo below.

Using jQuery DataTables In Grails | leapingmind

Using jQuery DataTables In Grails | leapingmind

DataTables (a table plug-in for jQuery) helps you add tables with dynamic content and behavior to your web applications. You get features like column sorting, content paging, filtering, etc. In this post I’ll show you an example of how to use DataTables to present data.

More jQuery DataTables: Showing Row Details | leapingmind

Aaron commented on my last blog post that he’d like to see an example of how to click on a row in a jQuery DataTable to show that row’s details in a jQuery UI dialog. In this post I’ve created a sample Grails application which does just that. Some of the things you’ll learn how to do are:

• Hide columns in a DataTable
• Add a click event handler to each row in a DataTable
• Use AJAX to retrieve data from the server
• Display that data in a jQuery UI modal dialog

You can either download the source code from GitHub, or create your own Grails app and follow along.