Tabulator: Tabulator 4.6.3 Filter Column Height Restore Issue

[BirukTes]

Hello,

After enabling header filters and disabling again, the column height is not restored.

• Is this the default behaviour?
• Is there a way to restore to normal column height?

Take a look at this JS Fiddle:
JS Fiddle

1. 
2. 
3. 

[BirukTes]

I thought this maybe stack-overflow question so I have created one: https://stackoverflow.com/q/62149666/5124710

[nrayburn-tech]

I am pretty sure it is a bug. If it isn't a bug, then I would definitely say it is a feature enhancement that should be added.

I am not aware of any easy way to workaround it right now. It looks like the height is not re-calculated properly (or at all) when you remove the header filters.

[BirukTes]

I noticed another thing with select filter drop down, that the font-size is not same as tabulator default:

1. 
2. 
   The second image became slightly larger in font (JSFiddle Firefox), however my project (Chromium based) it was larger, then became smaller to match tabulator with this code:
   .tabulator-edit-select-list { font: inherit; }

[olifolkerd]

Hey @BirukTes

That is definitely a bug, i will stick it on the fixit list for the next release.

Cheers

Oli :)

[olifolkerd]

@BirukTes

The second issue is down to your CSS, the select element popup is not contained inside of Tabulator it is appended directly to the page body so it has no way to reference the font size of the table. You will need to tweak your CSS to resolve that.

A list of classes for the select popup can be found in the Styling Documentation

Cheers

Oli :)

[olifolkerd]

Hey @BirukTes

I have just pushed a fix for this to the 4.8 branch which will be released next weekend.

Cheers

Oli :)