0

I'm using AngularGrid to show a grid with several fixed width columns. The grid itself should take the whole page, except for the left column of the page. That part works, using a css calc.

Now, I want one of the grid columns to fill up the rest of the available width inside the grid. Is it possible to do that with ag-grid built ins?

HTML:

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

Script:

$scope.gridOptions = {
  columnDefs: [{
    headerName: 'First',
    width: 150
  }, {
    headerName: 'Second',
    width: // whatever is available (should be calc(100% - 250px))
  }, {
    headerName: 'Third',
    width: 100
  }]
}
Rohit Gaikwad
  • 817
  • 2
  • 8
  • 24
Jorn
  • 20,612
  • 18
  • 79
  • 126

0 Answers0