Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Header dropdown checkbox #1759

Closed
robberti4y opened this issue Jan 25, 2019 · 2 comments
Closed

Header dropdown checkbox #1759

robberti4y opened this issue Jan 25, 2019 · 2 comments
Assignees
Labels
Question - Ask On Stack Overflow Questions must be asked on Stack Overflow

Comments

@robberti4y
Copy link

Hi,
I'm looking for a dropdown/checkbox filter in the header like you have in Excel when creating a filter (see for example this picture:
image
. Is there already an option for this?
I found this issue: #527 that is related, but I'm looking for a dropdown instead of typing with comma's.
Thanks!

@olifolkerd olifolkerd self-assigned this Jan 28, 2019
@olifolkerd olifolkerd added Ask On Stack Overflow Question - Ask On Stack Overflow Questions must be asked on Stack Overflow labels Jan 28, 2019
@olifolkerd
Copy link
Owner

Hey @robberti4y

Sorry for the delayed response, I have been busy working on the 4.2 release for next week

Please ask questions on Stack Overflow, this issues list is only for Bug Reports and Feature Requests

There is no built in option for this but you could make one yourself using a Custom Header Filter

I hope that helps,

Cheers

Oli :)

@AkshayaBrianTauro
Copy link

AkshayaBrianTauro commented Jun 11, 2021

Hi @olifolkerd, @robberti4y, @jjech,

I'm successfully able to make the functionality(filter data by selecting multiple values in the header filter dropdown) work in tabulator, easy solution just by defining columns header as follows: 'select' for headerFillter, 'in' operator for headerFilterFunc, and for headerFilterParams provide following as values {values:true, multiselect:true}

Note: with this solution, selecting/unselecting an value in the header dropdown, simply works as alternate solution for checkbox.

Example:

{
field: "book_name",
width: 390,
title: "Book Name",
headerFilterPlaceholder: " ",
headerFilter: 'select',
headerFilterFunc:"in",
headerFilterParams: {values:true, sortValuesList:"asc", multiselect:true},
editor: "input",
editorParams: {
allowEmpty: true
},

Thanks,
Akshaya

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Question - Ask On Stack Overflow Questions must be asked on Stack Overflow
Projects
None yet
Development

No branches or pull requests

3 participants