UI网格:将自动大小列与pinnedRight结合使用会产生奇怪的差距

时间:2017-08-09 13:07:56

标签: css angularjs angular-ui-grid

我需要实现的是一个网格,它使用列的所有可用,但最右边的列是固定的。 这导致至少使用一列'*'作为宽度,一列使用pinnedRight设置为true。

select ID, company, 
       count(ID) over(partition by company) as newvar
from testdata
order by shares;

问题在于,无论我尝试添加哪种自定义样式,最后两列之间总是存在空白。

http://plnkr.co/edit/7FyyFmOkV5Kv4Xm49eiO?p=preview

1 个答案:

答案 0 :(得分:1)

您遇到的问题是由于垂直滚动条应用于colomn组和完整网格。当您将height:400px设置为固定但是没有。行足够大,可以为组保留滚动条间距。

要解决此问题并隐藏默认情况下出现的水平滚动间距,您需要在gridOptions中设置滚动选项。在App.js中,在第4行更改空/默认gridOptions行以添加以下2个属性。

$scope.gridOptions = {
  enableVerticalScrollbar:2,
  enableHorizontalScrollbar:2
};

这些滚动属性的值可以如下:

0; / *从不* /

1; / *总是* /

2; / * When_Needed / Auto * /

希望这有帮助。