How to set max height for Tabulator table?

Question

I am trying to draw a table using

var table = new Tabulator("#example-table", {
    height: "75vh",
});

But, the height is always 75vh even though contents are less which looks ugly. See the dark gray area below the table.

I tried using the below so that height is never above a value & resizes automatically if less content is there.

var table = new Tabulator("#example-table", {
    height: "auto",
    maxHeight: "75vh",
});

Suggest me some hack as I coudn't get anthing in documentation.

Maybe this will help? https://stackoverflow.com/a/54185276/840992 — spring, Sep 28 '19 at 13:34
@NoGrabbing That answer is for a very old version of Tabulator which relied on jQuery. It doesn't work. — pankaj, Sep 30 '19 at 07:39

score 0 · Answer 1 · answered Sep 01 '20 at 22:35

0

As of version 4.6 there is now a maxHeight setup option:

var table = new Tabulator("#example-table", {
    maxHeight:"100%", //do not let table get bigger than the height of its parent element
});

answered Sep 01 '20 at 22:35

Oli Folkerd

1 Answers1