This is a migrated thread and some comments may be shown as answers.

align a column text to right

1 Answer 70 Views

Grid

This is a migrated thread and some comments may be shown as answers.

1 Answer, 1 is accepted

answered on 09 Dec 2013, 04:53 AM

Hi Alyssa,

Please try the following code snippet.

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";

colIndex = col.cellIndex; //to get the cell index

}

MasterTable.HeaderRow.cells[colIndex].style.textAlign = "right"; // to align the header text

}

</script>

Thanks,
Shinu