如何将动态列宽设置为 AG-Grid?

Posted

技术标签:

【中文标题】如何将动态列宽设置为 AG-Grid?【英文标题】:How to set dynamic column width to AG-Grid? 【发布时间】:2020-10-22 14:58:21 【问题描述】:

我想动态设置列宽。这意味着这里附加了 stackblitz 示例。根据那个例子,当我改变屏幕大小时,只改变表格边框。没有改变列宽!|

我想改变列宽也随着表格改变!

https://stackblitz.com/edit/ag-grid-angular-hello-world-kinvv8?file=src%2Fapp%2Fapp.component.ts

【问题讨论】:

【参考方案1】:

试试这个....

    remove position form app.component.html relative;left: 25% 
    and rpelace style="width: 100%; height: 220px

【讨论】:

感谢您的尝试!但这是行不通的。右侧宽度适合屏幕,但内容不变! 我有另一个解决方案给你。你使用java script re size函数 with if else method like this $(document).ready(function()) var width = $("table").width();转到 console.log(width) 然后使用 if else 调用 resize 函数,例如 if (width if(width

以上是关于如何将动态列宽设置为 AG-Grid?的主要内容,如果未能解决你的问题,请参考以下文章

如何使 PdfPTable 动态计算列宽

反应 ag-grid 自动调整列大小和网格宽度

C# datagridview 怎样动态设置列宽的值

css中table列宽怎样动态设置

动态设置 dojox.grid.datagrid 标题列宽

(ag-grid)动画动态添加的列