列标题文本中的Extjs 4换行符

时间:2013-06-05 08:52:04

标签: extjs extjs4.1 extjs-mvc

在我的网格列中标题/文本很长,我想在2-3行显示它,取决于要求。客户将把所有这些条目放在一个带有“\ n”作为换行符的文件中。

如何在Extjs 4.1中实现它???

注意:'br />'工作正常,但最终用户使用“\ n”创建的所有文件都没有“br>”。

感谢。

2 个答案:

答案 0 :(得分:3)

使用cls属性作为列:

columns: [{
    header: 'Multiline',
    dataIndex: 'MyProp',
    cls: 'multiline'
}]

然后修改css文件

.multiline .x-column-header-inner .x-column-header-text { white-space: normal; }

答案 1 :(得分:2)

您可以在css样式中设置此属性:

.x-column-header-inner .x-column-header-text { white-space: pre-wrap; }

预包装信息:http://www.w3schools.com/cssref/pr_text_white-space.asp