-->

网格的水平滚动条 - 2.0.11(Horizontal Scrolling of ng-grid

2019-10-21 06:10发布

我在我的应用程序中的NG-网格。 高度和网格的宽度给定为自动。 我有选项,可以动态添加列到网格。 当列数少是没有问题的。 但是,如果有更多的列数,则不但得不到水平滚动我列萎缩的大小和所有列在我的网格出现在一个肮脏的方式。 网格的宽度没有改变,所有列收缩,以适应电网。 我所缺少的获得水平滚动条。

编辑:以上是我原来的问题。 现在,我能够得到水平滚动条。 但是,只有某些列是可见的。 当我向右滚动我收到空网格。 最后几coulmns不绑定到NG-电网。 只有那些适合NG网无需滚动即可被绑定的列。 任何解决方案,请!

注:我使用的NG-电网2.0.11。 是版本是有这个错误?

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

Answer 1:

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

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.


Answer 2:

如果你想添加水平滚动条的情况下,增加额外的列添加columnDefs类似以下内容:

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

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

如果(合计列*列宽)比NG-网格表的宽度在CSS部分宣告更大这会给你一个水平滚动条。

angularJS使用.gridStyle类在默认情况下NG-电网。

参考文献: 在网格

您还可以检查在这里列寄托例如: 用钉扎columnDefs例子

在情况下,如果没有columnDefs则列正在试图自动调整到现有表格的宽度所以在结果列收缩。



文章来源: Horizontal Scrolling of ng-grid - 2.0.11