ag-grid autoSizeColumns использует только заголовок, а не содержимое строк для изменения размера столбцов

Question

Я пытаюсь автоматически изменить размер каждого столбца, чтобы он соответствовал длине содержимого столбцов.

Это мой код:

<AgGridReact
  onFirstDataRendered={(p) => {
    p.columnApi.autoSizeColumns(p.columnApi.getAllColumns());
  }}
  floatingFilter={true}
  defaultColDef={{
    sortable: true,
  }}
  enableColResize
  columnDefs={data.columnDefs}
  rowData={rowData}
/>

Это результат:

Если я добавлю true в этой строке, то есть skipHeader:

p.columnApi.autoSizeColumns(p.columnApi.getAllColumns(), true);

результат это:

Как это исправить?

Answer 1

Если посмотреть на ограниченный код, если это не проблема синхронизации, ее следует решить следующим образом:

const allColumnIds = p.columnApi.getAllColumns().map((column) => column.colId);
p.columnApi.autoSizeColumns(allColumnIds);

Попробуйте передать идентификаторы столбцов в autoSizeColumns