title: How to enable grid horizontal scrolling with Telerik RadGrid?
body: <p>Per title, I am trying to enable horizontal scrolling for a Telerik RadGrid. Beforehand, I used a parent div to control the width and height and then set the overflow property, which enabled horizontal scrolling. However, using this approach my grid stretches past the div width and along with it any uniformity.</p>
  
  <p>Right now my code looks like this:</p>
  
  <pre><code>&lt;div style="height:100%; float:left; width:99%"&gt;
      &lt;div id="divFull" runat"server" style="width:99%; height:99%"&gt;
          &lt;Telerik:RadGrid ID="deskFull" runat="server" Width="3200px" Height="100%"
              AllowPaging="True"&gt;
              &lt;ClientSettings&gt;
                  &lt;Scrolling AllowScroll="True" UseStaticHeaders="True"
                      SaveScrollPosition="True" /&gt;
              &lt;/ClientSettings&gt;
              &lt;MasterTableView AutoGenerateColumns="False" TableLayout="Fixed"&gt;
                  &lt;Columns&gt;
                      &lt;Telerik:GridBoundColumn DataField="Desk" HeaderText="Desk" /&gt;
                      &lt;etc...&gt;
                      &lt;etc...&gt;
                  &lt;/Columns&gt;
              &lt;/MasterTableView&gt;
          &lt;/Telerik:RadGrid&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I am wanting to achieve is to not have the div tag control the scrolling, but rather the RadGrid itself. I have tried setting the column width to 200px via HeaderStyle-Width="200px" and restricting the grid's width to 100% of the parent div, but none of this worked. No horizontal scroll bar appeared on the grid and instead left a chunk of white space below the paging bar.</p>
  
  <p>I have followed the online tutorials and have asked my colleague's for help, but no answers have come up. </p>