ng-grid 中的标题行模板答案

【问题标题】：header row template in ng-gridng-grid 中的标题行模板
【发布时间】：2015-03-04 20:52:43
【问题描述】：

我创建了一个 ng-grid 并想要自定义网格的 标题行模板，因为我需要在页眉而不是页脚中添加总项目，但想要与页脚相同的视图（我表示整行）。我已经知道 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 }
                        ]
        };

【问题讨论】：

您的意思是您无法找出正确的 css 样式来使页眉看起来像页脚吗？或者？也许您希望实现的目标的图片会有所帮助。
嗨@lmyers 感谢您的回复，我真正想要的是在标题上方添加一个新行（整行），其中包含一些标题文本，因此是否可以像 footerTemplate 一样编辑 headerTemplate？
作为网格的一部分，您不需要这样做。只需在网格上方添加一个 div 并将您想要的任何内容放入其中。您可以使用与页脚相同的样式来使其匹配。
我也按照你建议的方式做了@lmyers 谢谢分配:)
我发布了我的答案。你能接受吗？

标签： angularjs ng-grid

【解决方案1】：

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

【讨论】：