Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 角度Ng网格标头模板排序和两行标头_Angularjs_Ng Grid_Header Row - Fatal编程技术网

Angularjs 角度Ng网格标头模板排序和两行标头

Angularjs 角度Ng网格标头模板排序和两行标头,angularjs,ng-grid,header-row,Angularjs,Ng Grid,Header Row,我正在angular 1.2.20中开发一个应用程序,使用ng grid 2.0.11和 我遇到了这个问题: 当我使用headerRowTemplate属性时,我失去了ng grid的排序功能。有没有办法保留它 我还有第二个问题,正如我在第一个问题中看到的,我正在使用ng网格的headerRowTemplate,我想知道是否有人成功地创建了一个两行标题网格,带有或不带有headerRowTemplate属性 提前谢谢我不能确定你真正的问题。也许你可以提供一个Plunker链接 首先,我假设您不从

我正在angular 1.2.20中开发一个应用程序,使用ng grid 2.0.11和 我遇到了这个问题:

当我使用headerRowTemplate属性时,我失去了ng grid的排序功能。有没有办法保留它

我还有第二个问题,正如我在第一个问题中看到的,我正在使用ng网格的headerRowTemplate,我想知道是否有人成功地创建了一个两行标题网格,带有或不带有headerRowTemplate属性


提前谢谢

我不能确定你真正的问题。也许你可以提供一个Plunker链接

首先,我假设您不从默认模板进行修改

在这儿

其次,我想您需要一个显示标题行和原始可排序标题行, 我无法从ng grid直接支持中找到它,但这次黑客攻击是有效的

这是一个例子:

main.js

// main.js
var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function($scope) {
    $scope.myData = [{name: "Moroni", age: 50},
                     {name: "Tiancum", age: 43},
                     {name: "Jacob", age: 27},
                     {name: "Nephi", age: 29},
                     {name: "Enos", age: 34}];

    $scope.headerRowHeight = 60;

    $scope.gridOptions = { 
        data: 'myData',
        headerRowTemplate: 'myHeaderTemplate.html',
        headerRowHeight: $scope.headerRowHeight,
        columnDefs: [{field: 'name', displayName: 'Name'}, {field:'age', displayName:'Age'}]
    };
});
myHeaderTemplate.html

<div class="ngRow ngHeaderText" ng-style="{height: headerRowHeight / 2}" style="text-align:center">I'm other header row</div>
<div ng-style="{ height: col.headerRowHeight / 2, top: col.headerRowHeight / 2 }" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngHeaderCell">
    <div class="ngVerticalBar" ng-style="{height: col.headerRowHeight / 2}" ng-class="{ ngVerticalBarVisible: !$last }">&nbsp;</div>
    <div ng-header-cell></div>
</div>
我是另一个标题行

谢谢你的回答,这正是我想要的,但是有几个span标题。