javascripttabulator

What's the best way to refresh a group header in Tabulator

If I have a custom Tabulator groupHeader function that includes a custom calculation such as:

noteCount = getNoteCount();
noteButton.innerText = `Notes (${noteCount})`;

What is the best way to refresh that header when note count changes? In this case my noteCount variable is independent of the table data.

I am currently using the setGroupBy function after updating the number of notes:

tableName.setGroupBy("groupField");

This works, but seems heavy-handed as it resets the grouping for the whole table. It also resets the scroll position to the top of the table. I would rather target just a single group header, is this possible?

Solution

  • There is no way to redraw just the group header as they are only generated when rows are added or removed from the group.

    you could try calling the redraw function on the table:

    table.redraw();