Skip to the live workbench
AltEditorLite Reference examples

Lightweight headless record editor

Browser-native record editing, with or without DataTables.

Add typed Create, dialog and single-cell Edit, Remove, and Refresh operations with native browser controls, explicit host adapters, and no jQuery runtime.

Try the live editor Built distribution files · restrictive CSP
0
bundled dependencies
4
included language resources
14
typed field modes

A predictable update sequence

  1. Validate native and custom rules
  2. Await the persistence callback
  3. Update DataTables only on success

Stale and aborted results are ignored

Browser-native interface

Native dialog and inline controls, browser validation, managed focus, no UI kit.

Typed form values

Exact option values, safe nested paths, files, and local SearchSelect.

Controlled asynchronous operations

Abort signals, target snapshots, retryable errors, non-optimistic writes.

Hybrid editing and dynamic forms

Employee directory

Double-click Salary or Status for a quick update, or select one or more rows and use Edit for grouped fields, common values, dependencies, and date validation. Successful submissions close the dialog automatically.

Name Email Age Salary Status Role Office Active Start date

Select an employee to enable Dialog Edit. Every row is available, and selecting another row moves the target.

Hover, touch, and keyboard inline editing

Reorderable employee directory

Hover or tap an eligible cell for its pencil, focus with KeyTable and press F2, Enter, or Space, press Escape to discard an active cell edit, or drag a heading before editing the reordered column.

Name Email Age Salary Status Role Remote office Active Start date

Double-click inline editing

Inline employee directory

Double-click an eligible cell. Create and Remove remain dialog actions, while the Edit button is not shown.

Name Email Age Salary Status Role Office Active Start date

Lifecycle events

Event log

Events stay on the owned table and never bubble.

    Consumer-owned record state

    Standalone

    The same neutral AltEditorLite constructor works without a table or grid. StandaloneHost connects the dialogs to application state through small callbacks.

    Current record

    No record has been created.

    Create one record, update it, and remove it again. The application owns the record while the editor owns validation and dialog behavior.

    Create a record to begin.