About
A sortable, filterable data table with row selection and a dropdown to toggle which columns are visible.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Columns Visibility Table to your project and fits it to your theme.
Code
How Columns Visibility Table is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import DataTableColumnsVisibility from "@/components/ui/table-11";
export default function DemoTable11() {
return (
<div className="w-full max-w-4xl p-4">
<DataTableColumnsVisibility />
</div>
);
}








