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

Question

我在删除 ui-grid 中的多余空间时遇到问题。这是一个plunkr：

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

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

这是我的数据：

 $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，但由于您使用的组件，您无法完全删除它。