Viora LogoViora UI
Login

Data Grid

A data table component with pagination and sorting capabilities.

demo-data-grid-demo.tsx
Loading source code...

Installation

pnpm dlx viora-ui add data-grid
npx viora-ui add data-grid
yarn viora-ui add data-grid
bunx --bun viora-ui add data-grid

Usage

import { DataGridDemo } from "viora-ui";
import { DataGridDemo } from "viora-ui";

export default function DataGridDemoDemo() {
  return (
    <div className="flex min-h-[350px] w-full items-center justify-center p-6">
      <DataGridDemo />
    </div>
  );
}

API Reference

IData

PropTypeDefaultDescription
idstring-Configuration for id.
namestring-Configuration for name.
emailstring-Configuration for email.
locationstring-Configuration for location.
balancenumber-Configuration for balance.

Built by Otis

Last updated: 9/13/2026