Demo - pbedn/jquery-datatables-editable GitHub Wiki

Introduction

In this section can be found live examples of the JQuery DataTables Editable plugin usage. Demo site contains the following examples:

  1. Edit, select and delete records where you can see how you can implement basic inline editing, selecting rows and deleting them.
  2. Adding new records where you can see how can be implemented adding new records,
  3. Custom editors where you can find how you can use select lists and text areas instead of the simple text box,
  4. Validation of inline editors where you can see how you can implement client-side validation in the inline editors,
  5. Event handlers where you can find how you can attach event handlers to the events,
  6. UI Customization where you can see how you can customize user interface by applying jquery UI theme,
  7. Custom message boxes where you can see how you can replace standard message boxes with the custom ones (jAlert plugin is used in this example),
  8. DOM configuration in this example you can see how you can completely configure DOM and place two tables in the same page.
  9. Ajax source in this example is shown editable plugin used with a dataTable that used source taken via Ajax request
  10. Server-side processing in this example is shown editable plugin used with a dataTable in the server-side processing mode

You can also download an archive with the examples from a Project example.