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

时间:2015-11-27 08:25:37

标签: angularjs angular-ui-grid

我在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
  }];

1 个答案:

答案 0 :(得分:0)

你的css定义了网格的维数,所以如果你将css更改为100%,就像这样:

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

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

要删除滚动,请使用:

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

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