UI component
BaseTable
BaseTable is a flexible data grid for operational lists, admin screens, and reporting views with sorting, pagination hooks, and row-level actions.
Installation
Install the package in your app.
pnpm add @rapidset/rapidkitUsage
Import components from the package entrypoint.
import { BaseTable } from '@rapidset/rapidkit';Examples
Preview the component and copy the snippet.
Logo | Service↑ | Owner | Status↕ | Tags | Region | Uptime↕ | Cost | Drift | Created↕ | Alerts | ||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
Nothing to displayNo data available
0 of 0 row(s) selected.
No items
1 / 1
Scenario: normal | Selected rows: 0
API Reference
Commonly used props at a glance.
| Prop | Description |
|---|---|
| data | Supplies the current page of rows to render. |
| columns | Defines what each column shows and how each cell should behave. |
| queryParams | Keeps search and pagination state in sync with your page. |
| onQueryParamsChange | Receives search and paging updates whenever the user changes the table state. |
| sortBy and sortOrder | Lets your page own the current sorting state. |
| enableSelection | Turns on row selection for bulk actions and review flows. |
Accessibility
Table selection controls include accessible labels, and the underlying table semantics stay intact for screen readers and keyboard users.
Integration notes
Use this component as a presentational shell around your data source. Fetching, filters, and persistence stay in your host application.
Optional access rules
Optional access props let you hide the table or lock editing interactions while keeping the surrounding page logic simple.