Search code examples
angulartabulator

How to preserve custom row heights when adding a column? [Tabulator 4.1]

I have a tabulator table where I allow the user to manually adjust the row heights and column widths. They are also able to add/delete rows and columns.

My issue is when after resizing some row heights, you add a column and I guess it repaints the table, therefore resetting the heights of the rows. How can I get around this?

This is how I am adding a new column:

this.tabulator.addColumn({
  title: "new" + this.tabulator.getColumns().length, 
  field: "new" + this.tabulator.getColumns().length,
  width: 100,
  editor: "customTextAreaEditor", 
  formatter: this.customTextareaFormatter, 
  sorter: "string", headerSort: false, editableTitle: true
});

I am not calling repaint after this.

Solution

  • I have pushed a fix for this issue to the Tabulator master branch and will include it in the 4.2.2 patch release later today