Column Visibility

Show or hide columns dynamically.

How to Enable

const table = useTable({
  data,
  columns,
  enableHiding: true,
  initialState: {
    columnVisibility: {
      email: false,  // Hide the email column by default
    },
  },
})

Programmatic Control

// Hide a column
table.getColumn('email')?.toggleVisibility(false)

// Show a column
table.getColumn('email')?.toggleVisibility(true)

// Toggle visibility
table.getColumn('email')?.toggleVisibility()

// Show/hide all
table.toggleAllColumnsVisible(true)
table.toggleAllColumnsVisible(false)

// Check visibility
table.getColumn('email')?.getIsVisible()  // boolean
table.getIsAllColumnsVisible()             // boolean

---