cssをgridに適用する方法についていくつかの回答を見つけましたが、私の場合はどれも役に立ちませんでした。
ここに私が見たリンクがあります:
- http://www.sencha.com/forum/showthread.php?109751-Add-color-to-column-property-grid
- グリッドの列に背景色(またはカスタムCSSクラス)を適用する方法 - ExtJs 4?
- 重大度に基づいてデータグリッドの行の色を変更するにはどうすればよいですか?
Senchaのこの簡単な例を見てください:
Ext.create('Ext.grid.property.Grid', {
title: 'Properties Grid',
width: 300,
renderTo: Ext.getBody(),
source: {
"(name)": "My Object",
"Created": Ext.Date.parse('10/15/2006', 'm/d/Y'),
"Available": false,
"Version": 0.01,
"Description": "A test object"
}
});
「名前」列の背景色とテキストの書式設定を変更しようとしています。どのように?
サイズを変更するために列にアクセスするのは難しいことはわかっていますが、css が機能していません。
listeners : {
beforerender : function() {
var cols = this.getView().getHeaderCt().getGridColumns();
cols[0].setText("Property");
cols[0].setWidth(150);
}
}