Lesson

Hide and Show Columns with Tanstack Table

Learn to hide and show columns in an HTML table with Tanstack Table. Render switch components with shadcn.

Access required

This lesson is available with an active egghead membership.

Access: Included
Transcript: Needs source

Access: Included
Transcript: Needs source

Manage column visibility in tables using Tanstack Table. Toggle each column's visibility with checkboxes, set some as non-hideable, or hide them by default. Adjust properties in the table code to control displayed columns.

Install Shadcn's Switch component to render nice looking switches instead of plain html check boxes.