为行指定最小高度,同时保留自动高度功能-Ag-grid

时间:2018-07-26 00:13:43

标签: javascript height row 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)进行设置默认的最小高度将覆盖autoHeight。 有办法解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

设法解决了这个问题,在这里将答案发布给可能遇到相同问题的其他人:

我需要更改一些内容:

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

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

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