ExtJS 3.4.1网格面板删除标题偏移量

Question

如何删除网格面板的标题偏移量？现在，标题div自动将"x-grid3-header-offset" {padding-left:1px;text-align:left}作为其类，因此每行的内容将随着浏览器的扩展而右移。它看起来像这样 -

                 table1                    -----> table header
col1     col2    col3    col4   col5        ----->column headers
 cell1    cell2   cell3   cell4   cell5      ----->cells of first row
 cell1    cell2   cell3   cell4   cell5      ----->cells of second row

如何从div中删除此类，以便表格单元格看起来像这样正常？

                 table1                    -----> table header
col1     col2    col3    col4    col5        ----->column headers
cell1    cell2   cell3   cell4   cell5      ----->cells of first row
cell1    cell2   cell3   cell4   cell5      ----->cells of second row

Answer 1

renderer:function(val,cell){
            cell.align='right';
            return val;
        }

在列上使用渲染器功能，此处为fiddle。

有关列渲染器here的更多信息。