I have a Tabulator table with a subtable. After loading data in the main table, data is loaded to the subtable. Each row in the subtable has some columns which contain data which is loaded asynchronously from the server. After fetching the data, the row.update({...})
function is called which then triggers the cell formatter for that cell. The cell formatter formats the data in 2 rows (inside the cell).
The row height is expanded to fit the contents of the cell, but the table and subtable remain the same height which causes a scrollbar to appear for the subtable.
JSFiddle: https://jsfiddle.net/wk5zcvr4/
I tried calling cell.checkHeight()
and cell.getRow().normalizeHeight()
using the onRendered
parameter of cellFormatter
, setting the variableHeight: true
option in the columns definition and various css hacks, but none of that worked. When calling cell.getTable().redraw()
or cell.getRow().reformat()
using the onRendered
parameter of cellFormatter
it ends up causing an infinite loop.
What I would want is for the subtable to automatically expand itself causing the main table to expand itself. Any help is appreciated