0

AngularGridを使用して、いくつかの固定幅の列を持つグリッドを表示しています。グリッド自体は、ページの左側の列を除いて、ページ全体を使用する必要があります。その部分は css を使用して機能しcalcます。

ここで、グリッド列の 1 つがグリッド内の残りの幅を埋めるようにします。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
  }]
}
4

0 に答える 0