Ag Grid 不显示启用了按行分组的列值 angular 8

Question

我正在使用 Ag-Grid 版本 21.1.0 和 Angular 8。我正在按照教程在 ag-grid 中尝试行分组： https://www.ag-grid.com/javascript-grid-grouping/我有一个我的数据模型中的字段作为“短名称”字段，我试图通过设置相应列定义的“rowGroup”=“true”属性来对此字段进行分组-def object。在 Ag 中创建了一个名为“Group”的新列-grid，但是这个新创建的列的值不显示在网格中。 我正在为网格使用服务器端过滤和排序，并使用 rowmodeltype="infinite"。 请帮助我哪里出错了。

更新：我正在动态创建列元数据对象列表。 对于我想要对数据进行分组的特定列，我设置了以下属性：

  columnMetaObj.rowGroup = true;
  columnMetaObj.enableRowGroup = true;
  columnMetaObj.hide = true;

最后我按如下方式设置网格选项：

    this.gridOptions.columnDefs = this.gridColDataInput.columnDefs;
    this.gridOptions.rowModelType = 'infinite';
    this.gridOptions.cacheBlockSize = 100;
    this.gridOptions.paginationPageSize = 100;

Answer 1

您描述的行为是网格的默认行为。 要在将列添加到组时保持列可见，请在 gridOptions 中指定suppressDragLeaveHidesColumns=true 。

这记录在您引用的链接的页面下方，以及一个示例，位于https://www.ag-grid.com/javascript-grid-grouping/#keepingColumnsVisible

Answer 2

我遇到了类似的问题。 请尝试在您的 css/scss 文件中添加以下更改。

.ag-group-value {
  display: inline-flex;
}