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

RadGrid frozen columns forcing scroll bar to function in scroll mode

7 Answers 279 Views

Grid

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

Bryant asked on 12 Sep 2011, 07:27 PM

In using the radgrid control we want the scroll bars to behave as if in auto mode, displaying the scroll bars when there's more data to display. However if we set one of the columns to frozen, I see that the control builds it's own horizontal scrollbar overwriting the one set by the browser. We currently use the grid allowing the users to customize the columns to be displayed, thus they are able to display fewer columns which doesn't fill their browser width. This *should* result in the scroll bar getting hidden, and in IE8 under compatibility mode it does. However for our users not using compatibility mode they continue to see the scrollbar even when there's nothing to scroll to. The scroll bar is displaying properly in that it's grayed out showing there's nothing to scroll ( basically functioning as if the scroll mode is set to overflow: scroll vice overflow: auto), however we'd like to hide the scroll bar if there is nothing to scroll to see (overflow: auto).

Thanks
Bryant

7 Answers, 1 is accepted

answered on 14 Sep 2011, 05:42 PM

The code is on an isolated network and I can't provide a live URL for it. I have generated a solution that will emulate the problem and I am in the process of pulling out of the network.

In the mean time though, I did discover that the problem seems to exist when the RadGrid is placed within a Pane within a splitter.

In typing the code from a printout (so forgive typos) it looks something to the effect of:

<telerik:RadSplitter runat="server" width="100%" Orientation="horizontal">
<telerik:RadPane runat="server" Scrollling="none">
    <telerik:RadGrid id="RadGrid1" runat="server" Width="100%">
       <MasterTableView AutoGenerateColumns="false">
       <Columns>
          <telerik:GridBoundColumn DataField="ID" HeaderText="ID" HeaderStyle-width="100px" />
          <telerik:GridBoundColumn DataField="Field1" HeaderText="ID" HeaderStyle-width="100px" />
          <telerik:GridBoundColumn DataField="Field2" HeaderText="ID" HeaderStyle-width="100px" />
          <telerik:GridBoundColumn DataField="Field3" HeaderText="ID" HeaderStyle-width="100px" />
          <telerik:GridTemplateColumn HeaderStyle-Width="100%" UniqueName="FillerSpan">
             <ItemTemplate>
             </ItemTemplate>
          </telerik:GridTemplateColumn>
       </Columns>
     </MasterTableView>
     <ClientSettings>
             <Scrolling AllowScroll="True" UseStaticHeaders="True" FrozenColumnsCount="1" />
     </ClientSettings>
    </telerik:RadGrid>

The code behind is just a datatable building a table with the columns ID, Field1, Field2, Field3 dumping dummy data into it

Page_Load
{
   DataTable tbl = new DataTable();
   tbl.Columns.Add(new DataColumn("ID", typeof(string));
   tbl.Columns.Add(new DataColumn("Field1", typeof(string));
   tbl.Columns.Add(new DataColumn("Field2", typeof(string));
   tbl.Columns.Add(new DataColumn("Field3", typeof(string));

    for ( int i = 0; i < 50; i++ )
   {
      tbl.Rows.Add(new string[] { i.ToString(), "F1 - " + i,"F2 - " + i,"F3 - " + i});
   }
   RadGrid1.DataSource = tbl;

}