Ag grid 自动调整所有列的大小以适应内容
我所有的搜索结果都是Ag grid 自动调整所有列的大小以适应内容,ag-grid,Ag Grid,我所有的搜索结果都是sizeColumnsToFit和autoSizeColumns,这不是我想要的 我的网格有很多列,所以它可以水平滚动,这很好 但我无法预先知道一列中最宽文本所需的最大空间是多少,因此我希望网格自动调整所有列的大小,以适应单元格中最长的文本行 一个人能做到吗?(很像html表格列上的havenowrap,而不是ag gridwrap文本,它只是隐藏太长的内容)网格大小调整: sizeColumnsToFit-此操作尝试压缩视图中的所有列-无水平滚动 autosizealco
sizeColumnsToFit
和autoSizeColumns
,这不是我想要的
我的网格有很多列,所以它可以水平滚动,这很好
但我无法预先知道一列中最宽文本所需的最大空间是多少,因此我希望网格自动调整所有列的大小,以适应单元格中最长的文本行
一个人能做到吗?(很像html表格列上的havenowrap
,而不是ag grid
wrap文本,它只是隐藏太长的内容)网格大小调整:
sizeColumnsToFit
-此操作尝试压缩视图中的所有列-无水平滚动
autosizealcolumns
-尝试调整所有列的大小以适应数据-水平滚动
//如果需要调整特定列的大小
var allColIds=params.columnApi.getAllColumns()
.map(column=>column.colId);
params.columnApi.autoSizeColumns(allColIds);
//如果要调整所有列的大小
params.columnApi.autosizealcolumns();
您可以找到自动调整所有列大小的完整示例。
只需调用autoSizeColumns()函数,所有列都将根据内容调整大小
gridColumnApi.autoSizeColumns(allColumnIds, skipHeader);
有什么方法可以设置单元格的列宽内容吗?
params.columnApi.autoSizeColumns()
结果看起来不太好,无论什么内容,都只有相同宽度的列。@Revansiddh-是的,这正是autoSizeColumns()
的目的所在。因此,这个答案肯定会被接受,@Nico在字里行间阅读,我发现您的用例可能涉及隐藏列(如果表有水平滚动)。请注意,您无法控制不可见列的大小,除非您关闭虚拟化(网格的功能仅呈现屏幕上应该可见的内容)