如何在 extjs 锁定网格中调整列宽答案

【问题标题】：How to Flex column width in an extjs locking grid如何在 extjs 锁定网格中调整列宽
【发布时间】：2015-05-15 11:30:24
【问题描述】：

如何在 extjs 锁定网格中调整列的宽度？

如果在列上设置 flex 配置，extjs 会抛出一个错误，说锁定网格列不能指定 flex 值。网格面板有layout:'fit' 配置集。

【问题讨论】：

这是一个技巧问题吗？
不，埃文。你为什么会这样想？网格的宽度取决于其父容器的宽度；因此，如果我使用 px 设置列的宽度（例如说宽度：100px），那么列将不会弯曲，并且在最后一列之后可以看到空格。
框架明确告诉你它不受支持，所以答案是“你不能”。
我确实意识到我无法为列设置弹性配置。但是还有什么其他方法可以让列从网格的边缘延伸到网格的边缘？例如，在渲染表格视图之后，我可以获取容器的宽度和然后设置每列的宽度吗？我正在为此寻找任何更清洁的方法。谢谢
锁定网格列不能弯曲的原因是什么？我知道 ext 在内部创建了两个表，一个用于锁定，另一个用于解锁。但我不明白为什么没有办法让它们弯曲。

标签： extjs extjs5 extjs-grid

【解决方案1】：

看起来至少在 ExtJs 5.1.1 中你只需要指定 lockedGrid 自己的 flex：

xtype: 'gridpanel',
enableLocking: true,
layout: 'border',
split: true,
lockedGridConfig: {
    emptyText: '',
    collapsible: false,
    //forceFit: true,//<-this doesn't work
    flex: 1/4
},

【讨论】：

感谢您的回答。但我还在 5.0.1