複数の列にまたがるExtJSグリッドセルの内容

Question

セルのテキストがそのセルに収まらない場合は、そのセルを複数の列にまたがることができますか？第二列の内容がセルに収まるには大きすぎるので、内容が切り捨てられる

+--------+----------+-----+-----+-----+ 
|Product |Descrip...|  |  |  | 
+--------+----------+-----+-----+-----+ 

：たとえば

は、現時点では私のグリッドは、次のようになります。

[説明]列のテキスト全体を表示したいと考えています。このように、図のようにセルにまたがって広がります。

+--------+----------+-----+-----+-----+ 
|Product |Description of the product | 
+--------+----------+-----+-----+-----+ 

これはExtJS 4グリッドで可能ですか？

Answer 1

次のように目的の列のサイズを取得するには、列の幅を指定することができます。

var grid = Ext.create('Ext.grid.Panel',{   
id : 'example_grid', 
columns : [{ 
id : 'product', 
header : 'Product', 
width : 50 
},{ 
id : 'description', 
header : 'Description of the Product', 
width : 150 
}] 
}); 

Answer 2

私はこれが不可能であることはほぼ確信しています。ただし、要約プラグインを使用して、行全体のコンテンツを表示することができます。

Answer 3

extjs4グリッド内のセルを連結することはできません。しかし、テキストを次の行に引き継ぐようにすることができます。

.wrapme { 
    /** this rule is for css3. **/ 
    /** You can find crossbrowser workaround on the internet **/ 
    white-space: pre-wrap; 
    word-wrap: break-word; 
} 

そしてカラムの設定にCLSを含む

{ 
    id : 'description', 
    header : 'Description of the Product', 
    width : 150, 
    cls : 'wrapme' 
}