Extjs将列项目右对齐

问题描述

我在将项目右对齐或在列末尾对齐时遇到问题。 如您在图片中看到的：

即使在右边有空格，它也会对齐左部分以覆盖文本的一部分（完整的文本是“电池电量”）。我想将其对准向下的箭头。 我尝试使用align：'right'失败。

我该如何解决？这是我的代码：

columns: {
        defaults: {
            flex: 1,},items: [{
             ....
        },{
            text: Strings.positionbatterylevel,hidden:true,sortable: false,defaults:{
                margin:'-31 0 0 55'
            },items: [{
                xtype: 'numberfield',id: 'batteryFilter',align:'right',listeners: {
                     change (e,newValue,oldValue,eOpts ) {
                        filterGridAttributeType(newValue,'batterylevel');
                    }
                }
            }],{
            ...

解决方法

有用于列对齐的配置，以使内容对齐：

columns: [{
        text: 'Battery Level',sortable: false,==>     align: 'end'
   },{
        ...