允許ExtJS網格單元格中的文本溢出多個列

Question

我有一個樹型面板，我希望某些網格單元格文本可以跨多列溢出，而不是最後使用省略號修剪。

樹

我真正想要的是能夠有這樣的文字「文本我想整個B列 flowt /溢出，C或d需要」來只需穿過 列A的右側邊框，並在 行中的下一列完整顯示。我想減少列A的寬度作爲 中的大部分文本列A只有3個字符寬，例如「MYR」， 「嘗試」 等

這是很容易在MS Excel中實現

提前非常感謝:)

Answer 1

首先，使x-grid-row類按位置「相對」。

.x-grid-row { 
    position: relative !important; 
} 

添加tdCls到列定義

xtype : 'treecolumn', 
text : 'Analyst', 
dataIndex : 'text', 
tdCls : 'absolute-cell-inner', 

新增CSS爲 「絕對」 位置用於內文本

.absolute-cell-inner > .x-grid-cell-inner-treecolumn { 
    position: absolute !important; 
}