Get column width after databind

[Jesse]

I have columns that are sized to fit the data, I am not setting the widths. With this format, is there a way to find the widths of the columns once all of the data has been bound to the grid?

I'm trying to truncate text and append an ellipsis (...), but the user can choose to hide or show columns, so I can't hard code the columns widths. I need to find a way to find the widths, and calculate the number of characters to allow from that.

rgResults.Columns[i].HeaderStyle.Width.Value

is returning 0.0

[Pavlina]

Hello Jesse,

I have already answered the same question in the forum thread you have opened:

Indeed using the pointed code you can retrieve the column width of the columns that have specified width. You can retrieve the widths of all columns on client-side, store them in an object and store this object in a hidden field. Then you can access this field on server and get the desired widths.

Regarding accessing RadGrid client-side:
​Coould you confirm that you have added RadScriptManager control on top of the page in which the grid controls is added? Put the Javascript code for referencing the grid at the bottom of the page and let me know about the result.

You can also refer to the article below for more information how to reference controls:
http://www.telerik.com/help/aspnet-ajax/grid-getting-client-object.html

Regards,

Pavlina
Telerik

 

 

[Jesse]

Pavlina. How do I get the width on client side?

I did this, but I'm still getting blank for the widths that are dynamically set:

var grid = $find("<%= rgResults.ClientID %>");
var mtv = grid.get_masterTableView();
var columns = mtv.get_columns();
for (var i = 0; i < columns.length; i++) {
    var element = columns[i].get_element();
    alert(element.width);
}

[Galin]

Hello Jesse,


You can get the width of the columns by using the method offsetWidth as it is shown bellow

    var grid = $find("<%= RadGrid1.ClientID %>");
    var mtv = grid.get_masterTableView();
    var columns = mtv.get_columns();
    for (var i = 0; i < columns.length; i++) {
        var element = columns[i].get_element();
        alert(element.offsetWidth);
    }
}

Also in case you want to resize a column please use the method resizeColumn. For more information please refer to this demo page.

I hope this helps.

Regards,
Galin
Telerik