Center align not working for column header

[EPM Solutions]

Hello Team,

i tried to center header text but it is not working.
i want header text in center and all the other data in right aligned.

please check my code below.
i create columns in loop.


  for (i = 1; i <= 7; i++) {
            ObjFund.colModel.push({
              title: startYear + i,
              dataType: 'float',
              width: 90,
              halign: "center",
              align: "right",
              dataIndx: 'Year_x0020_Amt' + i,
              format: '$##,###',
              summary: {
                type: "all", //use custom aggregate.
                edit: false
              },
              validations: [{
                type: 'gte',
                value: 0,
                msg: "should be >= 0"
              }],
              render: function(ui) {
                return {
                  style: 'text-align:right'
                };
              }
            });
          }

and also please find below attached screen shot.

[paramvir]

align for body cells & halign for header cell works fine in the grid.

http://jsfiddle.net/gqjzfez1/1/

Please check whether you have overridden the properties somewhere else in your code.

or css rules that override the cell alignment.

[EPM Solutions]

Hello Team,

Thanks for your response but still same result.
 checked every where no overridden properties  in code.

[paramvir]

Which version of grid you have been using?

Please share a jsfiddle.