使所有单元格文本在ExtJS网格组件中可见

Question

我在ExtJS中开发了具有网格组件的应用程序。它运行良好，加载数据并正确显示它们。我有列描述，通常会显示很多文本。

在网格组件中，文本显示在一行中，一旦下一列开始，文本将被隐藏，因此您需要拉伸描述列以读取剩余的文本。

在HTML基本表中，这很简单，设置表格的宽度，并根据表格的整体宽度将所有文本包装/推送到单元格中的下一行。

如何在我的extjs4网格面板组件中执行此操作，还是可以？

SOme现有的extjs grid属性/ config？

Answer 1

您可以找到一个很棒的教程来解决多行行HERE的问题。 本教程来自Loiane Groner。

您只需将其添加到CSS文件中：

.x-grid-row .x-grid-cell-inner {
    white-space: normal;
}
.x-grid-row-over .x-grid-cell-inner {
    font-weight: bold;
    white-space: normal;
}

希望这对您有所帮助！