Table

Use Tables for data requiring comparison across columns (prices, specs, metrics). Use Card grids for browsing items where comparison isn't primary goal. Tables excel at dense information, Cards at visual browsing.

Options: horizontal scroll (simple, but awkward), card transformation (each row becomes a card), or column hiding (show only essential columns). Choose based on table importance and data—critical tables may need desktop-first design.

For data tables, usually yes! Sorting helps users find information quickly. Indicate sortable columns with arrows, show current sort column/direction clearly. For simple display tables without much data, sorting might be unnecessary complexity.

Yes! Add checkboxes for bulk actions (delete, export, update). Include "select all" in header, show selection count, and provide clear actions for selected items. Essential for admin interfaces and data management tools.

For large datasets, combine Tables with Pagination. Show page size options (10, 25, 50, 100) and display total count. Consider virtual scrolling for very large tables where pagination might be awkward (logs, feeds).

Yes, this Figma Table component matches the shadcn/ui implementation, ensuring your data tables maintain consistent structure, responsive behavior, and styling from design to production.