ag-grid分组不添加展开/折叠控件
问题描述:
我试图展示一些使用ag-grid进行分组的数据。数据正在正确显示,但它没有像应该那样分组数据。我使用的是angularJS 1.5.8和ag-grid 12.0.2。这里是我想要做一个非常简化的版本:ag-grid分组不添加展开/折叠控件
function _setGridOptions() {
var data = [
{packageID: "one", documentID: "one-one", cost: 1},
{packageID: "one", documentID: "one-two", cost: 2},
{packageID: "one", documentID: "one-three", cost: 3},
{packageID: "two", documentID: "two-one", cost: 4},
{packageID: "two", documentID: "two-two", cost: 5},
{packageID: "two", documentID: "two-three", cost: 6}
];
var cols = [
{
headerName: "Package ID",
width: 100,
field: "packageID",
rowGroup: true
},
{
headerName: "Document ID",
width: 100,
field: "documentID"
},
{
headerName: "Cost",
width: 100,
field: "cost"
}
];
$ctrl.agGridOptions = {
columnDefs: cols,
animateRows: true,
enableRangeSelection: true,
rowData: data,
enableSorting: true,
debug: true,
enableColResize: true,
onGridReady: function() {
$ctrl.agGridOptions.api.sizeColumnsToFit();
}
};
$ctrl.transactionsLoaded = true;
}
,这里是表的样子:
正如你可以看到有没有“集团”列,并且组行没有展开/折叠控制。
任何想法我做错了什么?
你可以请分享HTML,如果可能的话,JSFiddle的问题。 –
我想你需要添加groupUseEntireRow = true; groupRowRenderer:function(params){return params.node.key;在$ ctrl.agGridOptions中。 – 2017-08-25 17:42:58
有关更多详细信息,您可以访问https://www.ag-grid.com/javascript-grid-grouping-headers/# if if not usfull than create snippest/fiddle – 2017-08-25 17:43:34