Is there a way to change cell/column alignment with client-side code?

[Scott]

I have a situation where I need to be able to modify the text alignment for all the cells in a specific column from left-aligned to right-aligned.  For reasons which are too complicated to go into here, is there a way that I can do this with client-side code?  If the properties to do this are not exposed in the client-side api, is there a css setting that I could modify to do the same thing?  If I had to go the css route I could use jQuery to modify the css at runtime.

Thanks,
Scott

[Princy]

Hi Scott,

Please try the following code snippet to get a column cell text to be right aligned using JS.

ASPX:

<ClientSettings>
    <ClientEvents OnGridCreated="OnGridCreated" />
</ClientSettings>

JS:

<script type="text/javascript">
    function OnGridCreated() {
        var colIndex;
        var grid = $find("<%=RadGrid1.ClientID %>");
        var MasterTable = grid.get_masterTableView();
        var Rows = MasterTable.get_dataItems();
        for (var i = 0; i < Rows.length; i++) {
            var col = Rows[i].get_cell("ColumnUniqueName");
            col.style.textAlign = "right"; //to align the cells of column
            colIndex = col.cellIndex; //to get the cell index
        }
        MasterTable.HeaderRow.cells[colIndex].style.textAlign = "right"; // to align the header text
    }
</script>

Thanks,
Princy

[Scott]

Thanks Princy.  This worked for me.