允许 ExtJS 网格单元格中的文本跨多列溢出
Allowing text in the ExtJS grid cell to overflow across multiple columns
我有一个树形面板，我希望一些网格单元格文本在多个列中溢出，而不是最后被省略号修剪。
树
What I really want is to be able to have this text "Text I want to
flowt/overflow across column B,C or D is required" to simply cross
Column A's right side border and show completely over next columns in
line. I want to reduce the width of Column A as majority of text in
Column A is just 3 characters wide e.g. "MYR", "TRY" etc.
这在MS中很容易实现Excel
提前致谢:)
首先，按位置制作x-grid-row class "relative"。
.x-grid-row {
position: relative !important;
}
将 tdCls 添加到列定义中
xtype : 'treecolumn',
text : 'Analyst',
dataIndex : 'text',
tdCls : 'absolute-cell-inner',
为内部文本的"absolute"位置添加css
.absolute-cell-inner > .x-grid-cell-inner-treecolumn {
position: absolute !important;
}
我有一个树形面板，我希望一些网格单元格文本在多个列中溢出，而不是最后被省略号修剪。
树
What I really want is to be able to have this text "Text I want to flowt/overflow across column B,C or D is required" to simply cross Column A's right side border and show completely over next columns in line. I want to reduce the width of Column A as majority of text in Column A is just 3 characters wide e.g. "MYR", "TRY" etc.
这在MS中很容易实现Excel
提前致谢:)
首先，按位置制作x-grid-row class "relative"。
.x-grid-row {
position: relative !important;
}
将 tdCls 添加到列定义中
xtype : 'treecolumn',
text : 'Analyst',
dataIndex : 'text',
tdCls : 'absolute-cell-inner',
为内部文本的"absolute"位置添加css
.absolute-cell-inner > .x-grid-cell-inner-treecolumn {
position: absolute !important;
}