But this is also aligning my filter row (if filter is applied in grid).

I want to stay my filter alignment whatever it is. Is there any idea how to do that?

Hi,

So, I have three solutions for you, which depends upon where you want the centering.  If you want the centering on just a column header (not the cells), it can be done with custom css.  If you want all column headers and cells, it can be done by modifying the style.  If you want one column header and column's cells, then you will also need an event. 

1.  Just set the custom css class for the header and you will be fine.

.customHeader

{
            font-weight: bold;
            text-align: center;

}

2.  In the styleset css class, change" tbody.igg_Item > tr > td" and "tbody.igg_Alt > tr > td" and .igg_HeaderCaption  to have "text-align : left;"  This will center all columns' header and cell data, but leave the filter row button on the left.

3.  If you want one column's data and header centered, then you will have to handle the initialize event for the grid.  In there, you will need to set the style of the filter cell to have text-align left.  I am using index 1 as an example.  You will also set the custom css class for the cells and the header as explained in the previous post.

function init(grid, args) {
            var cellEl = grid.get_behaviors().get_filtering()._row.get_cell(1).get_element();
            cellEl.style.textAlign = "left";
        }

tbody > tr > td.custom
        {
            font-weight: bold;
            text-align: center;
            color : Blue;
        }

.customHeader

{
            font-weight: bold;
            text-align: center;

}

<ig:BoundDataField DataFieldName="Name" Key="Name" CssClass="custom">
                    <Header Text="Name" CssClass="customHeader" />
                </ig:BoundDataField>

Hope this helps.

regards,

David Young