Components
Loading preview...
This component is a Minimisable Table with Column Controls built using Shadcn UI and Lucide icons, designed for clean and configurable data presentation. Unlike traditional tables, it allows users to shrink specific columns into compact icon-only views, reducing clutter while keeping essential information accessible. A dropdown menu provides control over which columns are minimized, with a checkmark indicator to clearly show active selections. This makes the table both highly interactive and customizable, enabling quick adjustments for different use cases like dashboards, reports, or comparison views. The plain styling ensures it adapts seamlessly to both light and dark themes, maintaining clarity without unnecessary visual noise. This balance of simplicity, usability, and configurability makes it a reusable solution for modern applications.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/minimisable-tableimport MinimisableTable from "@/components/ui/minimisable-table";
export default function DemoOne() {
return <MinimisableTable />;
}