Angular UI GRID：如何删除右边多余的页脚和小栏？

Question

我在删除 ui-grid 中的额外空间时遇到问题。这是一个 plunkr:

http://plnkr.co/edit/gKqt8JEo2FukS3URRLJ5?p=preview

如您所见，底部和右侧最后一列之后（table 内）有额外的 space。我想知道我怎样才能摆脱它？

这是我的数据：

 $scope.myData = [{
    "firstName": "Cox",
    "lastName": "Carney",
    "company": "Enormo",
    "employed": true
  }, {
    "firstName": "Lorraine",
    "lastName": "Wise",
    "company": "Comveyer",
    "employed": false
  }, {
    "firstName": "Nancy",
    "lastName": "Waters",
    "company": "Fuelton",
    "employed": false
  }];

Answer 1

您的 css 定义了网格的维度，因此如果您将 css 更改为 100%，如下所示：

.grid {
  width: 100%;
  height: 100%;
}

它将占用页面的所有宽度和高度。

要删除滚动条，请使用：

.ui-grid-viewport {
   overflow: auto !important;
}

这将覆盖网格 css，但由于您使用的组件，您无法完全删除它。

Angular UI GRID：如何删除右边多余的页脚和小栏？

Angular UI GRID: How to delete extra footer and small column on right?

angularjs

angular-ui-grid