Question

我正在使用角度网格。通过遵循this文章，我在两列上实现了自定义下拉过滤器，我总共有11列。如果我添加第11列，则其中一列未显示过滤器，但所有11列均正确显示。如果我删除第11列，则两列都将显示过滤器下拉列表。

有什么可解决的吗？

我已经在使用

app.js：

angular.module('myapp', ['ngAnimate', 'ngResource', 'ngTouch', 'ui', 'ui.bootstrap',
'ui.grid', 'ui.grid.grouping', 'ui.grid.autoResize', 'ui.grid.resizeColumns']);

index.html：

<div  id="grid1" ui-grid="gridOptions"
                             class="grid" ui-grid-resize-columns ui-grid-grouping ui-grid-auto-resize></div>

以及我的HTML中。那就是为什么所有列正确显示超过10个的原因

这不是this

的重复项

Answer 1

应用任何功能（例如过滤器）后，此问题会在ui-grid中发生更新，更新值，编辑或删除。即它发生在用更新的值重新加载网格时。
如果您近距离观看，网格内的数据被更改，但分页及其 pageLimit仍未更新。
因此，在应用过滤器后，还需要再次设置限制和分页。

例如

您在自定义过滤器之前或之后调用gird的以下函数。

var limit = 10 // your page limit 
 var pageNo = 1// default pageno on first load
 $scope.gridLists(pgNo,pgLimit){
  pageNo = (pgNo) ? pgNo : pageNo;
  limit =(pgLimit)? pgLimit : limit
   ----your--code----
   $scope.gridOptions.paginationCurrentPage = pageNo;
   $scope.gridOptions.paginationPageSize = parseInt(limit);

}

您的过滤器应用功能为

$scope.applyFilter(){
      --your changes---
      $scope.gridLists(1,10);
}

角度ui网格自定义过滤器显示的列数不超过10

1 个答案:

例如