我正在使用AngularGrid来显示具有多个固定宽度列的网格。网格本身应该占据整个页面,除了页面的左列。那部分工作,使用 css calc
。
现在,我希望其中一个网格列填充网格内剩余的可用宽度。是否可以使用 ag-grid 内置插件来做到这一点?
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
}]
}