Complex Data Table

A data table built with TanStack Table that combines sorting, column filtering, pagination, row selection, a column-visibility toggle, and per-row action menus.

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

import { Table20 } from "@/components/ui/table-20";

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