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

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.