角网格中的可变宽度列

时间:2015-09-18 14:40:51

标签: css angularjs angular-grid

我正在使用AngularGrid来显示具有多个固定宽度列的网格。除了页面的左列之外,网格本身应该占据整个页面。该部分可以使用css calc

现在,我希望其中一个网格列填满网格中剩余的可用宽度。用ag-grid构建的ins可以做到吗?

HTML:

<div ag-grid="gridOptions" style="height: 500px; width: calc(100% - 150px)"></div>

脚本:

$scope.gridOptions = {
  columnDefs: [{
    headerName: 'First',
    width: 150
  }, {
    headerName: 'Second',
    width: // whatever is available (should be calc(100% - 250px))
  }, {
    headerName: 'Third',
    width: 100
  }]
}

0 个答案:

没有答案