为数字设置网格列样式

Question

我在Sencha论坛上也问过这个问题.但是还没有收到任何答案..这是阻止我执行锁定网格...我希望你们其中一个人知道答案..

使用ExtJS 4 ...我试图让我的网格列是数字,使文本对齐正确...我尝试了网格常见问题解答(http://www.sencha.com/learn/Ext_FAQ_Grid)在defince列中使用CSS但它不起作用.我究竟做错了什么？

以下是我需要正确对齐的列之一的代码:

text : 'ROAMING',
width : 125,
sortable : true,
css : "text-align : right;",
dataIndex: 'ROAMING'},

在Firebug中展开时,此列的网格单元格对于网格的第一行看起来像这样:

 <td class=" x-grid-cell x-grid-cell-gridcolumn-1032 ">
        <div class="x-grid-cell-inner x-unselectable" 
        style="; text-align: left;" unselectable="on">0</div>
   </td>

这清楚地表明该领域被解释为左对齐...

谢谢, - 苏

Answer 1

将'css'更改为'align',并将值设置如下:

text : 'ROAMING',
width : 125,
sortable : true,
align: 'right',
dataIndex: 'ROAMING'},

我昨天第一次在ExtJS 4中这样做了,我很惊讶它很容易.我很惊讶,因为旧版本的ExtJS拥有如此多的搜索结果,人们可以通过各种方式实现网格对齐.

...我希望在你的情况下也有帮助:)