Tabulator: Bad rendering when coupling between Frozen & headerFilter in a column

Created on 31 Jul 2018  路  5Comments  路  Source: olifolkerd/tabulator

Hi,
When i use a simple headerFilter in a column that i wish to be frozen also, the tab header is not taking in consideration in height of the filter box.
Please refere to the Fiddle below which is the standard Tabulator example with the two options added.
https://jsfiddle.net/Ergo0ne/72Lrqa8y/
If someone could give it a shot with some css modifications that's would be great.
Thanks.

Duplicate

All 5 comments

How did this issue resolve? I would like to have both headerFilter and frozen enabled as well, but this functionality does not work without style changes.
I would believe this to be a bug given that there is no clear indication in the docs that these two features are not supported together, but perhaps I'm not looking in the right place.
Any update regarding this would be greatly appreciated.

Hi @Ulric19,
I did close it alone since i found the 'css solution'. If we can call it a solution.
I should have posted the solution. My bad.
Just add a specific height in your css for the desired tabulator div for the tabulator column.
#tdb_table .tabulator-col{ height: 50px; }
This will do the job untill a bult in solution shows up :)

Hi @ErgoOne,

Thank you for the fast response - your solution works great for me. Thanks again!

Np :)
I am re openning the issue since it's may be a bug that can be resolved in next versions :)

Hey @ErgoOne

this is a duplicate of #1232

I will have a resolution out for this in the 4.0 release.

Cheers

Oli

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Manbec picture Manbec  路  3Comments

cemmons picture cemmons  路  3Comments

tomvanlier picture tomvanlier  路  3Comments

andreivanea picture andreivanea  路  3Comments

aballeras01 picture aballeras01  路  3Comments