Question

我有一个制表器表，允许用户手动调整行高和列宽。他们还能够添加/删除行和列。

我的问题是，在调整了某些行高的大小之后，您添加了一个列，并且我猜它会重新绘制表，从而重置行的高度。我该如何解决？

这是我添加新列的方式：

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
});

此后我不打电话给重新粉刷。

Answer 1

您应该将这些值存储在主组件中，并将其传递到单元格项。复杂程度取决于您如何允许用户自定义布局（所有单元格的宽度相同，单独等等）。

例如，您可以将所有值存储在数组中，并将这些值传递到* ngFor循环中。

Answer 2

您可以将行高存储在自己的对象中，并在rowFormatter回调中引用值以重置row.getElement()上的高度。

Answer 3

我已将此问题的修补程序推送到Tabulator master分支，并将在今天晚些时候的4.2.2修补程序版本中包含它

添加列时如何保留自定义行高？ [Tabulator 4.1]

3 个答案: