Data Table

The DataTable component from Bungas UI.

Default


	1	John Doe	john@example.com	Admin	Active
	2	Jane Smith	jane@example.com	User	Active
	3	Bob Johnson	bob@example.com	Manager	Inactive
	4	Alice Brown	alice@example.com	User	Active
	5	Charlie Wilson	charlie@example.com	Admin	Active
	6	Diana Lee	diana@example.com	User	Active
	7	Edward Kim	edward@example.com	Manager	Active
	8	Fiona Chen	fiona@example.com	User	Inactive

0 of 8 row(s) selected.

Rows per page

Page 1 of 1

Skeleton

Skeleton Minimal

Installation

npm install @bungas/ui

Import

import { DataTable } from "@bungas/ui"

Usage

import { DataTable } from "@bungas/ui"
 
export function Example() {
  return <DataTable />
}

Props

Examples

Default

Default


	1	John Doe	john@example.com	Admin	Active
	2	Jane Smith	jane@example.com	User	Active
	3	Bob Johnson	bob@example.com	Manager	Inactive
	4	Alice Brown	alice@example.com	User	Active
	5	Charlie Wilson	charlie@example.com	Admin	Active
	6	Diana Lee	diana@example.com	User	Active
	7	Edward Kim	edward@example.com	Manager	Active
	8	Fiona Chen	fiona@example.com	User	Inactive

0 of 8 row(s) selected.

Rows per page

Page 1 of 1

Skeleton

Skeleton Minimal