Ext grid 文本位置设置方式

我所知道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)。