CODEWITHSUNDEEP
ag-gridag-grid-react
Johhan Santana
Johhan Santana

Reputation: 2425

ag-grid autoSizeColumns only uses header and not rows content for resizing columns

I'm trying to auto resize each column to match the length of the columns content.

This is my code:

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

This is the result:

enter image description here

If I add true in this line, which is to skipHeader:

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

the result is this:

enter image description here

How can I fix this?

Upvotes: 1

Views: 606

Answers (1)

Pratik Bhat
Pratik Bhat

Reputation: 7614

Looking at the limited code, unless it is a timing issue, the following should solve it - 

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

Try passing column ids to autoSizeColumns

Upvotes: 1

Related Questions