Enterprise / COMPONENT

DataTable

Web · implementedDesktop · unavailable

Tabel dengan varian visual, renderer sel, dan callback klik baris. Sorting, filtering, dan pagination tersedia di DataGrid.

import { DataTable } from "./vendor/syne-ui/index.js";TypeScript ready

Members
Name	Role
Ada Lovelace	Engineer
Rafi Pratama	Designer
Nina Putri	Engineer
Bima Santoso	Product
Fina Rahma	Designer

Interactive example · Try the controls with your mouse or keyboard.

Start with an example

Import the component and adapt it to your interface.

Example.tsxTSX

import { DataTable } from "./vendor/syne-ui/index.js";

export function Example() {
  return (
    <DataTable columns={[{ key: "name", header: "Name" }]} data={[{ name: "Ada" }]} variant="striped" />
  );
}

Make it yours

Use className and --syne-* tokens to match your design system.