我所知道Ext grid 文本位置设置方式主要有两种:
(1)列头设置,如:
this.columns = [{
align :'right',
header : this.messagereceipt,
dataIndex : 'receipt',
renderer : this.columnRenderer
}];
设置后列头文字及那一列的文本内容皆为指定方式位置,如上设置为居右。
(2)直接对某个单元格进行设置,这时需要用到columnRenderer,如:
columnRenderer : function(value, metaData, record, rowIndex,
colIndex, store) {
var type = record.data.type;
//某行
if (type == 'dateTotal') {
//某列
if (colIndex == 7) {
return '<div align= "right"><span style="font-weight:700!important;">'+ value + '</span></div>';
} else {
return '<span style="font-weight:700!important;">'+ value + '</span>';
}
} else {
return value;
}
}
设置方式(2)覆盖设置方式(1)。