Skip to content

Comments

Add filter input to <ColumnsButton> when there are many columns#10848

Merged
djhi merged 5 commits intonextfrom
ColumnsButton-filter-input
Jul 22, 2025
Merged

Add filter input to <ColumnsButton> when there are many columns#10848
djhi merged 5 commits intonextfrom
ColumnsButton-filter-input

Conversation

@slax57
Copy link
Contributor

@slax57 slax57 commented Jul 21, 2025

Problem

When a <DataTable> has many columns, the ColumnsButton dropdown is hard to use.

Solution

When there are more than 5 columns, show an input in the top of the dropdown to filter the column list.

How To Test

Additional Checks

  • The PR targets master for a bugfix or a documentation fix, or next for a feature
  • The PR includes unit tests (if not possible, describe why)
  • The PR includes one or several stories (if not possible, describe why)
  • The documentation is up to date

Also, please make sure to read the contributing guidelines.

Copy link
Contributor

@djhi djhi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good. However, there's no way to interract with neither the filter input nor the columns switches with the keyboard: mutiple tabs just close the popover, and arrow keys don't help either.

@djhi djhi added this to the 5.10.0 milestone Jul 22, 2025
@djhi djhi merged commit bf7a689 into next Jul 22, 2025
15 checks passed
@djhi djhi deleted the ColumnsButton-filter-input branch July 22, 2025 11:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

RFR Ready For Review

Development

Successfully merging this pull request may close these issues.

2 participants