自动调整所有列的大小以适合内容

Question

我所有的搜索都找到了sizeColumnsToFit和autoSizeColumns，这不是我想要的。

我的网格有很多列，所以它水平滚动就可以了

但是我无法预先知道一列中最宽的文本所需的最大空间，因此希望网格自动调整所有列的大小以适应单元格中最长的文本行。

可以这样做吗？ （很像在HTML表格列上放置nowrap，而不是ag-grid换行，只是隐藏了太长的内容）

Answer 1

网格调整大小： https://www.ag-grid.com/javascript-grid-resizing/

sizeColumnsToFit-尝试压缩视图中的所有列-不进行水平滚动

autoSizeColumns-这会尝试调整所有列的大小以适合数据-水平滚动

// If you need to resize specific columns 
var allColIds = params.columnApi.getAllColumns().map(column => column.colId);
params.columnApi.autoSizeColumns(allColIds);

// If you want to resize all columns
params.columnApi.autoSizeColumns();

Answer 2

您可以找到自动调整所有列大小的完整示例。 column-sizing

只需调用 autoSizeColumns() 函数，所有列将根据内容调整大小。

gridColumnApi.autoSizeColumns(allColumnIds, skipHeader);