JQuery DataTables Editable

JQuery DataTables Editable plugin enhances standard HTML table by adding the following data management functionalities:

• adding new records to the table
• selecting and deleting records
• editing cells

Look of the HTML table when JQuery DataTables Editable plugin is applied is shown below:

There are standard navigation functionalities such as pagination, ordering, filtering by keyword, changing the number of items that should be shown per page. All these functionalities are added by the JQuery http://datatables.net plugin. In addition JQuery DataTables Editable plugin add ability to add new record, select and delete record and edit the cells inline as shown in the figure. This plugin integrates several plugins such as JQuery DataTables, JQuery Editable, JQuery Validation plugins and implement common data management functionalities.

All required processing is encapsulated within the plugin, and only required implementation is a server-side code that accepts add, update and delete requests. Server-side code can be implemented in any language (PHP, ASP.NET/C#, Java) as long as plugin interface requirements are met.

Site map

• Home
• Documentation
• HTML code
• Editing cells
• Custom cell editors
• Validating cell editor inputs
• Adding new records
• Deleting rows
• Customization/API
• Demo
1. Edit cells
2. Adding new records using popup
3. Select/Delete records
4. Custom editors
5. Validation of inline editors
6. Event handlers
7. UI Customization
8. Custom message boxes
9. Custom buttons
10. Using plugin with Ajax source

External resources

• ASP.NET MVC Implementation
• Java Implementation