Tabulator: flexible Height of the tble conainer

Created on 21 Apr 2018  路  2Comments  路  Source: olifolkerd/tabulator

Hi - great work.
At the moment i struggling a bit with a flexible layout. I want that the length and height follows the size of the outer div container where the table lives in. Width is easy and perfectly working. But i want also set the height in the same way. (i want also that the headers stay still on top) I tryed the height property and some css tricks but somehow nothing will work out. Maybee i am blind or to stupid - both might be possible. But if someone can give me a hint i would be very thankful.
I have a event which fires on every resizing. So i think i just need to know how to kick tabulator to perform a redraw or something like that.
Best regards Thomas

Question - Ask On Stack Overflow

Most helpful comment

Hi ,
Thanks for the fast response. But as i said sometimes you can not see the forest in front of all the trees :)
What i figured out so far without this was, that you can set the maximum table height at startup to screen high or something similar (maximum possible table high) .Cause It will shrink correctly but it does not let it grew. So lets see tomorrow today its far to hot to do something more useful. I think its a good idea to go to the pub and have a pint :)
OK i try it out first :) - WORKS ! Thanks again :) !

All 2 comments

you're probably looking for this:

$("#example-table").tabulator("redraw");

There's a small paragraph about changing table height in the documentation, Just CTRL+F for "setHeight" :)

Hi ,
Thanks for the fast response. But as i said sometimes you can not see the forest in front of all the trees :)
What i figured out so far without this was, that you can set the maximum table height at startup to screen high or something similar (maximum possible table high) .Cause It will shrink correctly but it does not let it grew. So lets see tomorrow today its far to hot to do something more useful. I think its a good idea to go to the pub and have a pint :)
OK i try it out first :) - WORKS ! Thanks again :) !

Was this page helpful?
0 / 5 - 0 ratings

Related issues

tomvanlier picture tomvanlier  路  3Comments

jiaqianliCn picture jiaqianliCn  路  3Comments

Manbec picture Manbec  路  3Comments

aballeras01 picture aballeras01  路  3Comments

mindcreations picture mindcreations  路  3Comments