Css UI网格：将自动调整列大小与pinnedRight相结合会产生奇怪的间隙

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

$scope.gridOptions.columnDefs = [
    { name:'address.street', width:150  },
    { name:'address.city', width:150 },
    { name:'address.state', width:50 },
    { name:'address.zip', width:50, pinnedRight: true },
    { name:'company', width:'*' }
];

问题是，无论我尝试添加什么自定义样式，最后两列之间始终存在空白

---

您遇到的问题是由于垂直滚动条应用于列组以及整个网格。您的

height:400px

设置为固定，但行数足够大，可以为组保留滚动条间距

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

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

这些滚动属性的值可以如下所示：

0；/*从来没有*/

1、 /*总是*/

2、 /*需要时/自动*/

希望这有帮助