Components
Loading preview...
This is a Column Collaboration Table built entirely with Shadcn UI components. It allows users to add and view comments directly on each column header, making it ideal for collaborative data review or team analysis. Each column features a chat icon that opens a popover, where multiple comments can be added, viewed, and scrolled through. The table body is scrollable for large datasets, while the header and footer remain sticky, ensuring that column titles and summary information are always visible. The footer displays the total number of rows dynamically. The design is clean, minimal, and fully compatible with both light and dark themes, making it highly reusable and suitable for professional applications where collaboration and clarity are key.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/column-collaboration-tableimport ColumnCollaborationTable from "@/components/ui/column-collaboration-table";
export default function DemoOne() {
return <ColumnCollaborationTable />;
}