ExtJS EditorGridPanel ~ 设置行高和单元格宽度以显示所有单元格内容

Posted 2023-02-26

【中文标题】ExtJS EditorGridPanel ~ 设置行高和单元格宽度以显示所有单元格内容

【英文标题】：ExtJS EditorGridPanel ~ set row height and cell width to display all cell content

【发布时间】：2015-06-23 11:46:11

【问题描述】：

当 ExtJS GridPanel 或 EditorGridPanel 中的单元格包含的数据超出其显示范围时，用户必须调整列的大小。

有没有办法让 GridPanel 自动扩展其列/行的宽度和高度以显示其数据？有没有这样做的例子？

使用 ExtJS 3.4

谢谢

【参考方案1】：

直到 4.0.2 版才实现自动调整，但您可以使用 with 和 minWidth 属性。

http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.grid.column.Column-method-autoSize

columns: [
     text: 'data1', dataIndex: 'name',  width: 150, autoSizeColumn: true ,
     text: 'data2', dataIndex: 'email', width: 100, autoSizeColumn: true, minWidth: 150 ,
     text: 'Phone', dataIndex: 'phone', width: 50 
]