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:
You can either download the source code from GitHub, or create your own Grails app and follow along.
- 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
No comments:
Post a Comment