header ng-grid 中的行模板

Question

我创建了一个 ng-grid 并且想要自定义网格的 Header 行模板，因为我需要在 [=19= 中添加总项目] 而不是页脚，但想要与页脚相同的视图（我的意思是整行）。我已经知道 headerCellTemplate 并且已经尝试过，但这不是我想要的！如果你能帮忙，我会非常感谢你:) 这是我的代码示例

$scope.myData = [{"name": "Moroni", "age": 50},
{"name": "Tiancum", "age": 53},
{"name": "Jacob", "age": 27},
{"name": "Nephi", "age": 54},
{"name": "Alex", "age": 53},
{"name": "Jhonny", "age": 22},
{"name": "Ben", "age": 11},
],
        $scope.gridOptions = { 
            data: 'myData', 
            columnDefs: [
                            { field: 'name', displayName: 'Candiate name' },
                            { field: 'age', displayName: 'Age', headerCellTemplate: myHeaderCellTemplate }
                        ]
        };

Answer 1

作为网格的一部分，您不需要这样做。只需在网格上方添加一个 div 并在其中放入任何内容。您可以使用与页脚相同的样式来使其匹配。

header ng-grid 中的行模板

header row template in ng-grid

angularjs

ng-grid