ag-grid - 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);

结果是这样的：

我怎样才能解决这个问题？

标签： ag-gridag-grid-react

Answer 1

查看有限的代码，除非是时间问题，否则以下应该解决它 -

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

尝试将列 ID 传递给autoSizeColumns