javascript - 在保留自动高度功能的同时指定行的最小高度 - Ag-grid

Question

我想将每个 ag-grid 行的最小高度指定为 40px，并允许超过 40px 的任何行的动态高度。

      this.gridOptions = {
        /* rowHeight : 40, */
        headerHeight: 100,
        pagination: true,
        enableSorting: true,
        enableColResize: true,
        rowDeselection: true,
        suppressHorizontalScroll: false,
        autoHeight: true
      };

gridOptions.autoHeight 让我动态改变高度，但分配类似 gridOptions.rowHeight 或使用 getRowHeight(params) 来设置默认的最小高度会覆盖自动高度。 有办法解决这个问题吗？

Answer 1

设法解决了这个问题，在这里为可能遇到同样问题的任何其他人发布答案:

有几件事我需要改变:

1. 我使用的 ag-grid 版本 (13.1.2) 似乎不支持自动高度功能。 将 ag-grid 更新到版本 18.1.2，将 ag-grid-vue 更新到 18.1.0(我使用的是 Vue.js 框架)。
2. 我错误地使用了 autoHeight 选项。我需要使用 autoHeight: true; 同时配置确定行高的每一列，而不是在 gridOptions 中。
   

这些步骤根据内容调整了行的高度。

1. 在 gridOptions 中添加 rowHeight: 40px;，在应用 autoHeight 后设置行的最小高度。