DocsQuick Examples

Quick Examples

Editing CRUD Inline Table Example

An example of Shadcn Table which shows how to use editing CRUD Inline table features

Full CRUD (Create, Read, Update, Delete) functionality can be easily implemented with Shadcn Table, with a combination of editing, toolbar, and row action features.

This example below uses the inline "table" editing mode, which allows you to edit a single cell at a time, but all rows are always in an open editing state. Hook up your own event listeners to save the data to your backend.

Check out the other editing modes down below, and the editing guide for more information.

Loading example

View Extra Storybook Examples

Editing CRUD Inline Cell Example

An example of Shadcn Table which shows how to use editing CRUD Inline cell features

Editing CRUD Tree Example

An example of Shadcn Table which shows how to use editing CRUD features with expanding sub rows