Basic Bubble Editing

There is an optional mode for editing called "Bubble Editing". The following is an example of your basic bubble editing. There are many other examples of bubble editing you'll find at: http://editor.datatables.net/examples/bubble-editing/index.html.

How it works is you can click on any cell in the table and this will automatically cause a bubble dialog box to appear for that particular column of that particular record. You can edit the field within the dialog box and click the Update button to save the record. See the Javascript tab for details on how to invoke bubble editing.

Live example


Browser Rendering engine Platform(s) Engine version CSS grade
Loading data from server
Browser Rendering engine Platform(s) Engine version CSS grade


Javascript
HTML
Java
Includes