为数字设置网格列样式

时间:2011-05-26 22:30:50

标签: extjs4

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

使用ExtJS 4 ...... 我试图让我的网格列是数字,使文本对齐正确... 我在网格常见问题解答(http://www.sencha.com/learn/Ext_FAQ_Grid)中尝试了使用CSS列中的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>

清楚地表明该字段被解释为左对齐...

谢谢, --Sue

1 个答案:

答案 0 :(得分:11)

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

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

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

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