RadGrid for ASP.NET AJAX

RadControls for ASP.NET AJAX

This method resizes the column to fit the widest cell's content without wrapping.

The following code shows how to achieve best fit for all grid columns:

CopyJavaScript
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
    function pageLoad() {
        var grid = $find("<%= RadGrid1.ClientID %>");
        var columns = grid.get_masterTableView().get_columns();
        for (var i = 0; i < columns.length; i++) {
            columns[i].resizeToFit();
        }
    }
 </script>
</telerik:RadCodeBlock>    
<telerik:RadGrid id="RadGrid1" runat="server">
    <ClientSettings>
        <Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true" AllowResizeToFit="true" />
    </ClientSettings>
</telerik:RadGrid>