Table

A styled data table that renders column headers and rows of cells, with row-hover highlighting and support for rich cell content like badges or avatars.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Table to your project and fits it to your theme.

import Table from "@/components/ui/table";

export default function TableEmptyDemo() {
  return (
    <div style={{ width: 440 }}>
      <Table columns={["Ticket", "Customer", "Subject"]} rows={[]} />
    </div>
  );
}