Data Table Standard 3 - Data table with column visibility

Basic

TanStack Table with a dropdown to toggle which columns are visible.

Shadcn Data Table Standard 3 component

Component data

ID
data-table/data-table-standard-3
Access
basic
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Data Table Standard 3 component design & features

This data table wires TanStack column visibility state to a shadcn DropdownMenu with checkboxes for each column. Users show or hide fields such as email or amount while the table keeps sorting and pagination behavior for remaining columns.

Column visibility helps dense admin grids where different roles care about different fields. Use it on export-heavy or analytics tables so power users can simplify the view without changing the underlying dataset.