ZTable

Data table component

Example

Name	Value
Row 1	100

Import

import { ZTable } from "zurto-ui";

Usage

import { ZTable } from "zurto-ui";

const columns = [
  { key: "name", title: "Name" },
  { key: "email", title: "Email" },
  { key: "role", title: "Role" },
];

const data = [
  { name: "John Doe", email: "john@example.com", role: "Admin" },
  { name: "Jane Smith", email: "jane@example.com", role: "User" },
];

function Example() {
  return <ZTable columns={columns} data={data} />;
}

Props

Prop	Type	Default	Description
columns	Array<Column>	-	Column definitions
data	Array<Row>	-	Table data
striped	boolean	false	Striped rows
hoverable	boolean	true	Hover effect

Accessibility

• ✅ Keyboard navigation support
• ✅ ARIA attributes included
• ✅ Screen reader friendly
• ✅ Focus management