Skip to content

docs(DataTable): add column visibility story with checkbox menu - #3426

Draft
dreamwasp wants to merge 2 commits into
mainfrom
cass-datatable-column-visibility
Draft

docs(DataTable): add column visibility story with checkbox menu#3426
dreamwasp wants to merge 2 commits into
mainfrom
cass-datatable-column-visibility

Conversation

@dreamwasp

Copy link
Copy Markdown
Contributor

Summary

  • Adds a DataTable Storybook story showing how to show/hide columns via a PopoverContainer + Menu of Checkboxes
  • Documents the pattern in DataTable MDX (pinned identity column, Background wrapper, tight checkbox spacing)

Test plan

  • Open Organisms / Lists & Tables / DataTable → ColumnVisibility in Storybook
  • Toggle checkboxes and confirm columns appear/disappear
  • Confirm Name column checkbox is disabled (pinned)
  • Confirm the floating menu has a single border (no nested menu outline)

Made with Cursor

Demonstrate filtering DataTable columns via a PopoverContainer menu of
tight-spaced Checkboxes, including a pinned identity column.

Co-authored-by: Cursor <cursoragent@cursor.com>
@nx-cloud

nx-cloud Bot commented Aug 25, 2026

Copy link
Copy Markdown

View your CI Pipeline Execution ↗ for commit 28beaf0


☁️ Nx Cloud last updated this comment at 2026-08-25 13:23:39 UTC

@codecov

codecov Bot commented Aug 25, 2026

Copy link
Copy Markdown

⚠️ JUnit XML file not found

The CLI was unable to find any JUnit XML files to upload.
For more help, visit our troubleshooting guide.

Reserve thead min-height so toggling the wrapping Years of Service
column does not shift the table body.

Co-authored-by: Cursor <cursoragent@cursor.com>
@codecademydev

Copy link
Copy Markdown
Collaborator

📬 Published Alpha Packages:

Package Version npm Diff
@codecademy/gamut 73.2.1-alpha.26ca93.0 npm diff
@codecademy/gamut-icons 10.0.2-alpha.26ca93.0 npm diff
@codecademy/gamut-illustrations 1.0.2-alpha.26ca93.0 npm diff
@codecademy/gamut-kit 3.0.20-alpha.26ca93.0 npm diff
@codecademy/gamut-patterns 1.0.2-alpha.26ca93.0 npm diff
@codecademy/gamut-styles 21.1.1-alpha.26ca93.0 npm diff
@codecademy/gamut-tests 7.0.2-alpha.26ca93.0 npm diff
@codecademy/variance 1.0.2-alpha.26ca93.0 npm diff
eslint-plugin-gamut 3.0.2-alpha.26ca93.0 npm diff

@github-actions

Copy link
Copy Markdown
Contributor

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants