Tables Stable

High-Quality Inline-Editable Table

A spreadsheet-grade data table — click-to-edit cells, Tab/Enter navigation, debounced autosave with a saving/saved indicator, sortable columns, and debounced server-side search.

Proven on rsb.llamapress.ai view · stimulus_js · controller · model · sql

JSON Raw .md

Live demo — try it Open full screen

Cookbook Multi-Select, Bulk Edit & Mass Reassignment Read this BEFORE adding multi-select. Bulk editing is a different operation with a different payload, not this pattern in a loop — and getting it wrong silently erases data. Cookbook Focus Jumping in Inline-Editable Tables Read this the moment a save starts replacing the whole row instead of one cell. Replacing the row destroys the focused element, and the cursor lands back on row 1 after every edit. Cookbook Filterable Index with Slide-Out Detail Drawer The sibling pattern for rows with more fields than the table shows — a condensed table plus a right-hand drawer that loads the full show/edit form via a Turbo Frame.

Related