ag-grid分组不添加展开/折叠控件

时间:2017-08-25 17:30:35

标签: angularjs ag-grid

我正在尝试显示一些使用ag-grid分组的数据。数据正在正确显示,但它没有按预期对数据进行分组。我正在使用angularJS 1.5.8和ag-grid 12.0.2。这是我正在尝试做的非常简化的版本:

str.replaceAll( "\\b(\\d{13,19})\\b", "\u0000$1\u0000" )
   .replaceAll( "(?<=\\d{6})(?<=\u0000\\d{6,14})\\d(?=\\d{4,12}\u0000)(?=\\d{4})", "*" )
   .replaceAll( "\u0000([\\d*]+)\u0000", "$1" );

这是表格的样子:

enter image description here

如您所见,没有“组”列,并且组行没有展开/折叠控制。

任何想法我做错了什么?

2 个答案:

答案 0 :(得分:1)

我刚才意识到问题所在。 &#34; Grouping Rows&#34;功能是一项企业功能,我使用的是免费版本。

答案 1 :(得分:0)

实际上,它不是企业功能,而是每个人都可以使用的免费版本功能。即使是树数据功能也可以与免费版本一起使用,但是只有某些附加功能在Ag-grid的企业版中。也许在问题之日,行分组可用于企业版,我不知道。现在,它是免费的。

尽管这个问题对于我们的领域来说是非常历史性的,但我将分享一个答案,因为有需要的人可以在任何版本中使用行分组Ag-grid。

实际上,您的数据和gridOptions定义足以启用行分组,这很清楚,但是您使用的Ag-grid版本非常老。如果有人使用您的数据并使用新版本的Ag-grid,则他/她可以看到您的数据满足行分组的要求。

简而言之,要应用行分组,在我们要应用的列的定义中声明rowGroup: true就足够了。

gridOptions.columnDefs = [
    { field: "country", rowGroup: true },
    { field: "sport", rowGroup: true },
];

数据是:

rowData= [
  { 'country': 'United States', 'sport': 'Biking' },
  { 'country': 'United States', 'sport': 'Swimming', },
  { 'country': 'United States', 'sport': 'Swimming' }
  { 'country': 'Turkey',        'sport': 'Swimming', },
  { 'country': 'Turkey',        'sport': 'Swimming' }
  { 'country': 'Brasil',        'sport': 'Football' }
]

更多详细信息,请参见第ag-grid.com/javascript-grid-grouping