DataTable
A powerful data grid component with built-in sorting, searching, and pagination, fully styled for GlassUI.
Playground
Explore all datatable props interactively.
| No data found. |
Props
Array of data objects to display.
Column definitions.
Enable clicking column headers to sort data.
Enable a global search input to filter rows.
Enable paginating data into multiple pages.
Number of rows per page (if pagination is enabled).
Theme color for active states (pagination, sorting icons)
Glass surface density
Backdrop blur intensity
Elevated with shadow
Sorting, Searching, and Pagination
DataTable handles massive amounts of data efficiently. Enable all features at once for a complete data grid experience.
| Alice Smith | Designer | active | |
| Bob Jones | Developer | offline | |
| Charlie Brown | Manager | active |
Glass Optic Rendering
As a container component, DataTable perfectly inherits the glass rendering engine, applying frosted effects to its backdrop while retaining semantic row interactions.
| Role | Status | ||
|---|---|---|---|
| Alice Smith | Designer | active | |
| Bob Jones | Developer | offline | |
| Charlie Brown | Manager | active |