Question

我的应用程序中有一个ng-grid。网格的高度和宽度为auto。我可以选择将列动态添加到网格中。当列数较少时，没有问题。但是如果有更多的列，那么我的列的大小会缩小，而我的网格中的所有列都会以脏的方式显示，而不是获取水平滚动条。网格的宽度不会改变，所有列都会缩小以适合网格。我错过了获得水平滚动条。

修改以上是我原来的问题。现在我可以获得水平滚动条。但只有某些列可见。当我向右滚动时，我正在变空格。最后几个coulmns没有绑定到ng-grid。只有适合ng-grid而不滚动的列才能绑定。请解决任何问题！

注意： 我正在使用ng-grid 2.0.11。该版本是否有此错误？

https://github.com/angular-ui/ng-grid/issues/2071

Answer 1

如果你想添加水平滚动条以防添加额外的列添加columnDefs，如下所示：

  $scope.gridOptions = {
    data: 'myData',

    columnDefs: [{ field: "<fieldname>", width: 120},
                { field: "<fieldname>", width: 120 },
                { field: "<fieldname>", width: 120 },
                { field: "<fieldname>", width: 120 }]
  };

如果（总列数*列宽）大于在css部分中声明的ng-grid表的宽度，这将为您提供水平滚动条。

angularJS默认情况下使用.gridStyle类作为ng-grid。

参考：ng-grid

您还可以在列固定示例中查看：columnDefs example with pinning

如果没有columnDefs，则列会尝试自动适应现有的表宽度，因此结果会缩小列。

Answer 2

我有类似的问题并遵循以下两个步骤：

The width of each column should be given in px format only. There will be some issue if it is given in %format.

The ng-grid.css have to be updated to have .ngviewport class with overflow:auto. In my project .ngviewport did not have overflow and this too was a reason for the issue.

ng-grid的水平滚动 - 2.0.11

2 个答案: