Стилизация столбца сетки для чисел

Question

Я также спрашивал об этом на форуме Sencha ... но не получил никаких ответов ... он задерживает мою реализацию сетки блокировки ... Я надеюсь, что один из вас знает ответ ..

с использованием ExtJS 4 ... Я пытаюсь заставить мои столбцы сетки, которые являются числами, иметь выравнивание текста вправо ... Я попытался предложить в таблице часто задаваемых вопросов (http://www.sencha.com/learn/Ext_FAQ_Grid)) использование CSS в столбце def..но оно не работает. Что я делаю не так?

Вот код для одного из моих столбцов, который должен быть выровнен по правому краю:

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

Answer 1

Измените 'css' на 'align' и установите значение, как показано ниже:

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

Я сделал это вчера в ExtJS 4 впервые, и я был удивлен, что это так просто. Я был в основном удивлен, потому что в старых версиях ExtJS было так много результатов поиска, когда люди использовали экзотические способы выравнивания сетки.

... надеюсь, это поможет и в вашей ситуации:)