0
私はグリッドを使ってグループ化されたデータを表示しようとしています。データは正しく表示されていますが、必要に応じてデータをグループ化していません。私は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にあります。 –
詳細については、https://www.ag-grid.com/javascript-grid-grouping-headers/#にアクセスしてください。snippest/fiddleを作成するよりもusfullである場合 –