DataTable-AltEditor

Explore the examples

From simple row editing to custom controls. Choose an example to try the editor with different data and interfaces.

Start with object rows for a basic dialog, Ajax data for persistence callbacks, or cell editing for direct input. Each page links to its configuration source. Read the example guide for integration details and limitations.

  1. In-memory arraysAdd, edit, and delete array-based rows. Changes are stored in memory and reset when the page reloads.
  2. In-memory objectsWork with named fields in object-based rows. Changes are stored in memory and reset when the page reloads.
  3. Ajax dataLoad object-based rows from a static JSON response. Requests demonstrate the callback flow; this example has no persistent backend.
  4. Additional field optionsTry select fields, unique IPv4 addresses, single ports, and read-only values.
  5. Multiple tablesUse two independent editors on the same page. Static Ajax responses demonstrate loading and callbacks without persistent storage.
  6. Select2 and date pickersEdit single and multiple selections, dates, timestamps, and nested object values. Select a row and choose Edit to explore the controls.
  7. Dependent fieldsUpdate selection options and field visibility when another field changes. Static responses demonstrate the dependencies.
  8. Form validationTry required fields, unique values, and grouped salary amounts with valid initial data.
  9. TranslationsExplore localized editor titles, actions, and validation messages.
  10. Files and imagesAttach a small file, retain it during later edits, and download its contents from the table.
  11. Foundation dialogsAdd, edit, and delete rows using Foundation Reveal dialogs.
  12. Custom action buttonsAdd records, click rows to edit, and access delete actions on desktop or mobile.
  13. Cell editingEdit cells directly with keyboard navigation and validation.
  14. Rendered controlsUse direct form controls, editable content, actions, and custom widgets alongside double-click text editing.
  15. Multiple-row deletionSelect multiple rows and delete them together. Successful dialogs remain open; close them to continue.
  16. Server persistence and filesRun the local server to create, edit, delete, upload, download, and reload real saved data. Try a duplicate name to see server validation.
  17. Advanced inline editingTry blur saving, public edit controls, formatted numbers, checkboxes, and a function-based source with an explicit setter.
  18. Custom dialog templatesArrange Add and Edit independently and optionally preview selected records before deletion.
  19. Native browser dialogsUse native fields, Select2, selection, custom templates, and display renderers without Bootstrap or Foundation.
  20. Lifecycle and event callbacksObserve event order, cancel operations, retry failed saves, and release editor resources.
  21. Async persistence and validationSave with async callbacks, show field errors, and correct validation failures.