CODEWITHSUNDEEP
tabulator
Alex
Alex

Reputation: 59

Tabulator | Filterbox

Tabulator offers a wide range of options to programmatically filter data, however I could not find a way to render on the page the dropdown and textbox used to actually filter data on the table. It seems the only option that render a filter element on the Table is: headerFilter.

It looks weird that I have to create dropdown and searchbox myself? Here is the link to their page dealing with Filters: http://tabulator.info/docs/4.1/filter

Please advise, thank you

Upvotes: 1

Views: 3897

Answers (1)

Oli Folkerd
Oli Folkerd

Reputation: 8348

You can use any of tabulators Editors as header filters

The Examples Page contains a fully working example of a table with a selection of header filters including text boxes and select elements

in the column definition you just have to use the headerFilter property, in this case we also use the headerFilterParams option to make the select element populate from the names in the column:

{title:"Name", field:"name" headerFilter:"select", headerFilterParams:{values:true}}

or for a simple input element

{title:"Name", field:"name" headerFilter:"input"}

Upvotes: 1

Related Questions