01Live dataset

Operations table

Work directly in the table. Every visible control is wired to the component: the filters, row actions, inline editor, responsive details, and persistent view state are live.

View
matching records
0 selected records
current page
Ready query state
Click a row toggle selection Drag a header reorder columns Right-click a header show columns Edit a role commit on blur or Enter
02Interaction lab

Command surface

Trigger public methods and watch the current query plus emitted events change in real time.

Method callspublic API
{}
Selection is empty.
Event streamlast 8 events
  1. --:--:--waitingInteract with the table to log events.

Ready for an interaction.

03Async data source

Server-shaped response

This table uses the same paginated response contract through a delayed in-page endpoint. Change its query and inspect the serialized request below.

Request mirrorFetchDataSource
Waiting for the first request.
04Markup-first table

Declarative columns and rows

This table starts as HTML. Column attributes define formatting, filters, widths, sorting, and actions before the component takes over the live table.

Markup records
ID Member Stage Joined Value Actions
1071 EPEliot ParkPlatform Active Aug 17, 2026 $34,800
1072 NONia OkaforGrowth Review Jul 29, 2026 $21,750
1073 SVSoren ValeSecurity Paused Jun 13, 2026 $12,600
1074 JAJune AlvarezInterface Trial May 24, 2026 $8,650
1075 RMRavi MenonData Active Apr 6, 2026 $42,100
05State lab

Loading, empty, and error

This grid defers its first request until it nears the viewport. Switch the source state to see the same structure hold while the result area changes.

No records loaded.