Table Column Selector to Control Visible Columns

[SIG-IRAQ]

Hello team

Problem or use case

Add a column selector for tables that allows users to choose which columns are visible in the table.

Problem

Currently, tables display a fixed set of columns. In many use cases, users may not need all columns at once, and some tables can become crowded or difficult to scan. There is no built-in way to toggle column visibility.

Proposed solution

Introduce a column selector UI (for example, a dropdown with checkboxes) that allows users to enable or disable columns dynamically.

Example behavior:

A "Columns" button appears above the table.

Clicking it opens a dropdown list of all available columns.

Each column has a checkbox.

Checking/unchecking a column shows or hides that column in the table.

Optional: persist user preference in localStorage.

Example UI
[Columns ▾]

☑ Name
☑ Email
☐ Phone
☑ Status
☐ Created At
Benefits

Improves table usability for large datasets

Gives users control over their workspace

Reduces visual clutter

Aligns with patterns used in data-heavy apps (admin dashboards, analytics tools, etc.)

Possible Enhancements

Drag to reorder columns

Save presets

Reset to default columns

Additional Context

This feature would integrate well with the existing table components and could be implemented as a reusable TableColumnSelector component.

Alternatives considered

No response

Examples or mockups

No response

[deebov]

Hey @SIG-IRAQ, thanks for the suggestion. I'll add this to out backlog for future releases!