javascript - Angular ag-grid のサイズ変更の問題

Question

列のサイズ変更を有効にしたいのですが、同時に、ユーザーが列のサイズをグリッドの左側に変更し、これを行うと最後の列の右側に空白が表示されるのを避けたいと思います。私が達成しようとしていることを説明するために、下の写真を添付し​​ました。

Answer 1

columnResizedこの問題は、 のイベントとsizeColumnsToFit()メソッドを使用して修正できますgridApi。

component.ts:

onColumnResized(params) {
  if (params.source === 'uiColumnDragged' && params.finished) {
    this.gridApi.sizeColumnsToFit();
  }
}

component.html:

<ag-grid-angular 
  #agGrid
  style="width: 100%; height: 100%;"
  class="ag-theme-balham"
  [columnDefs]="columnDefs"
  [rowData]="rowData"
  (gridReady)="onGridReady($event)"
  (columnResized)="onColumnResized($event)">
</ag-grid-angular>