extjs4 - 为数字设置网格列样式

Question

我也在 Sencha 论坛上问过这个问题..但没有收到任何答案..它阻碍了我对锁定网格的实现......我希望你们中的一个人知道答案..

使用 ExtJS 4...
我试图让我的网格列是数字以正确对齐文本...
我在网格常见问题解答 (http://www.sencha.com/learn/Ext_FAQ_Grid) 中尝试了在 def.. 列中使用 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 有如此多的搜索结果，人们使用奇特的方法来获得网格对齐。

...我希望这对你的情况也有帮助:)