Angular UI GRID：如何删除右边的额外页脚和小列？

Question

我在ui-grid中删除额外的sapce时遇到问题。这是一个傻瓜：

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