RadGrid with Horizontal Scrollbars

[Veenu]

How can I have a RadGrid with the following settings:

1. Width = "100%"
2. Autofit column width to content(Neither the column HeaderText nor the cell content should be truncated)
3. Static Headers
4. Horizontal Scroll bars
5. Vertical Scroll bars

The number of columns in the grid are dynamic. I am able to get this effect only by specifying fixed width to the RadGrid and HeaderStyle.Width in pixels. But in this case the width of the column doesn't auto fit to the contents.

<telerik:RadGrid ID="rdgSample" runat="server"  Width="1200px">
     <MasterTableView  TableLayout="Fixed">
     </MasterTableView>
     <ClientSettings>
             <Scrolling AllowScroll="true" UseStaticHeaders="true" FrozenColumnsCount="2" />
     </ClientSettings>
     <HeaderStyle Width="250px" />
</telerik:RadGrid>

[Pavlina]

Hello Veenu,

Note that when scrolling is enabled and UseStaticHeaders is True, the grid columns should declare HeaderStyle.Width. Otherwise an alignment issue could appear.
 
However, to achieve your goal you can try calling the client resizeToFit() method in order to resize the columns to their best fit. Refer to the code snippet below:

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

Regards,
Pavlina
the Telerik team