Quick Examples

Editing CRUD Example

An example of Shadcn Table which shows how to use editing CRUD 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 default "modal" editing mode, where a dialog opens up to edit 1 row at a time.

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

Select example

Loading example

View Extra Storybook Examples

Row Dragging Example

An example of Shadcn Table which shows how to drag and drop rows for various use cases.

Editing CRUD Inline Row Example

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