headerFilter 'list' position

Author: dbauszus-glxCreated Aug 30, 2023Updated Aug 6, 2026

LabelsPossible Bug

Is it possible to control the positioning of the input 'list' element used in a headerFilter with Tabulator 5.5.2?

I created a very basic example on codepen:

javascript

new Tabulator(document.getElementById("Table"), {
  layout: "fitColumns",
  columns: [
    {
      title: "Number",
      field: "number"
    },
    {
      title: "Letter",
      field: "letter",
      headerFilter: "list",
      headerFilterFunc: "in",
      headerFilterParams: {
        values: ["A", "B", "C", "D"],
        multiselect: true,
        clearable: true
      }
    }
  ],
  data: data
});

The list input is off the screen...

Source: tabulator-tables/tabulator

View original on GitHub View discussion on GitHub