如何在 Tabulator 中设置标题和行高？答案

【问题标题】：How to set header and row heights in Tabulator?如何在 Tabulator 中设置标题和行高？
【发布时间】：2021-06-01 10:37:15
【问题描述】：

对于一个自定义的 React 组件，我包装了 Tabulator，并希望支持表头和单个行的自定义高度。我只在documentation 中找到了行大小调整，但没有关于如何在数据中设置自定义高度（或通过 API 调用）的信息。

【问题讨论】：

标签： tabulator

【解决方案1】：

我不清楚你是想控制所有行的高度还是只控制特定行的高度。

如果您想根据数据控制高度，您可以使用row formatter。根据我的经验，效果很好。

.tabulator-row {
  position: relative;
  box-sizing: border-box;
  min-height: 22px;
  background-color: #fff;
}

【讨论】：

对，我还使用 CSS 为 tabulator-row 类设置了高度，但这还不是全部。然后文本对齐错误，标题行上的悬停效果显示一个较小的矩形。这意味着您将需要调整更多的 CSS 类，它们一起不会使这变得非常动态。这就是为什么我希望有一个 API。