baseui-cnBase UI CN Demo Preview
A focused landing page for the inline grid demo.
The landing page now highlights one ready-to-use table example. From here you can jump into the full grid showcase for Basic, Inline, and Advanced Inline demos, or open the dedicated command page separately.
Inline + dialog editing
One grid setup drives both cell editing and the generated dialog editor.
Column-driven fields
Text, email, number, radio, switch, rating, and textarea inputs adapt from column metadata.
Featured Demo
Inline editing with a generated dialog editor.
This landing page shows the second grid demo only. For the full progression, open the dedicated grid page to compare the basic table, inline editing, and the advanced optimistic update flow side by side.
Ready to use
Click into cells to edit directly, then use the same schema to open a richer dialog editor.
Adaptive fields
Column definitions automatically become editable controls without separate manual form setup.
Explore all grid states
The dedicated grid page breaks the flow into Basic, Inline, and Advanced Inline with loading and optimistic updates.
Landing Demo
The landing page now shows one focused grid example.
This is `c-data-grid-2`: a ready-to-use inline editing table with a generated dialog editor built from the same column definitions.
Inline Grid Demo
Edit cells inline, open the dialog for richer fields, and use the column config as the source of truth.
Team Editing SandboxInline + Dialog
Rows per page
1 - 5 of 6