小编Ton*_*ony的帖子

在AngularJS ui-grid中,如何配置网格,以便在渲染时根据内容自动调整列的宽度？

我知道有一个教程显示自动大小功能,但只有当你双击列时才有效,我希望它可以在网格启动时发生.

我正在使用Angularjs ui-grid并使用默认设置,问题是如何将数字格式化为两位小数？

如果在ui-grid中有一种方法我可以知道网格是否已完成更新行？(就像正在应用过滤器等)？我想在网格视图更改后运行一些函数.

我尝试了以下方法:

$scope.filteredRows = $scope.gridApi.core.getVisibleRows($scope.gridApi.grid);

$scope.$watch('filteredRows', function(){console.log('view updated');});

当网格刚刚完成启动时,上述方法有效,之后,它将不再起作用.

我也尝试过使用filterChangedapi:

$scope.gridApi.core.on.filterChanged($scope, function() {
    console.log('filter changed');
    foo();
});

此方法的问题在于虽然我可以在更改过滤器时收到通知,但是如果网格非常大,则需要一些时间来完成视图更新,在此foo()之前,在网格更新之前调用该函数完了.

任何想法将不胜感激.

如何在AngularJS ui-grid中对分组行进行排序？

就像在官方分组教程中一样,在演示网格中,如果我按升序对天平列进行排序,则所有分组行都不会更改,但排序实际上对每个分组行下的行生效.如下图所示.

问题是,我如何使其工作,以便排序可以在分组的行上工作.

我试图将groped列的排序优先级设置为高于0,但这似乎不起作用.

对于Plunker链接中的分组ui网格,第三列,如何让按钮仅显示在groupHeader行中？

Plunker:http://plnkr.co/edit/KNNUPhAmD91HeHkDaQyr?p=preview

我尝试在第三列使用以下cellTemplate,但它不起作用,因为第三列不是分组列.

cellTemplate: '<div ng-if="!col.grouping || col.grouping.groupPriority === undefined || col.grouping.groupPriority === null || ( row.groupHeader && col.grouping.groupPriority === row.treeLevel )" class="ui-grid-cell-contents" title="TOOLTIP">{{COL_FIELD CUSTOM_FILTERS}}</div>'

网格的大多数代码来自官方UI网格教程209.我刚刚添加了按钮部分.

例如,在本教程中,是否有任何方法可以在列页脚中获取数据？我想在其他地方展示总数. 提前致谢.