RadGrid HeaderStyle Width

[Rahul]

Hi,

In our application we need to set radgrid column headerstyle-width by javascript.. For this we are using below code but nothing happened.

grid.get_masterTableView().getColumnByUniqueName("uniqueName").get_element().width = "1000px";
//grid.get_masterTableView().getColumnByUniqueName("UniqueName").get_element().clientWidth = "1000px";
grid.repaint();

Please help us.

[Princy]

Hello,

You can try the following approaches.
1) JS:

<script type="text/javascript">
function OnColumnCreated(sender, args)
  {
     var mstr = sender.get_masterTableView();
     var col = mstr.getColumnByUniqueName("UniqueName");
     col.get_element().style.paddingRight = "80px";
  }
</script>

2) JS:

<script type="text/javascript">
 function OnColumnCreated(sender, args)
  {
    var mstr = sender.get_masterTableView();
    var col = mstr.getColumnByUniqueName("UniqueName");
    col.addCssClass("header");
  }
</script>

CSS:

<style type="text/css">
.header
{
  padding-right:100px !important;
}
</style>

Thanks,
Princy.