啓用Telerik Rad Grid水平滾動

我想在telerik grid中啓用水平滾動我跟着demo.telerik.com的例子，但沒有運氣這是我的代碼。誰能幫我這個。由我使用Telerik的網格DNN與DnnGrid啓用Telerik Rad Grid水平滾動

<div class="panel-body"> 
    <div> 
     <dnn:dnngrid allowfilteringbycolumn="true" 
      currentfilterfunction="Contains" 
      onitemdatabound="grd_ItemDataBound" 
      oncolumncreated="grd_ColumnCreated" 
      cssclass="grid" 
      id="grdWaitingForCommand" 
      runat="server" 
      autogeneratecolumns="true" 
      allowmultirowselection="false" 
      onitemcommand="grd_ItemCommand" 
      width="800px"> 
       <ClientSettings EnablePostBackOnRowClick="true"> 
        <Scrolling AllowScroll="True" 
         UseStaticHeaders="True" 
         SaveScrollPosition="true"></Scrolling> 
        <Selecting AllowRowSelect="True" /> 
       </ClientSettings> 
       <HeaderStyle Width="225px"></HeaderStyle> 
       <MasterTableView > 
        <Columns> 
         <dnn:GridTemplateColumn 
          UniqueName="IndexColumn" 
          HeaderText="ردیف" 
          AllowFiltering="false"> 
          <ItemTemplate> 
           <asp:Label ID="numberLabel" runat="server" Width="30px" /> 
          </ItemTemplate> 
          <HeaderStyle Width="30px" /> 
         </dnn:GridTemplateColumn> 
        </Columns> 
       </MasterTableView> 
      </dnn:dnngrid> 
    </div> 
</div>

來源

2016-01-04 Mahyar Pasarzangene

的方式我有同樣的要求。從我們這邊開始，第一部分是使用Telerik的演示來設置網格的正確屬性。接下來的部分是一個javascript函數，當網格創建時它正在執行。

grid.ClientSettings.ClientEvents.OnGridCreating = "ShowHorizontalScroll"

該函數將溢出風格設置爲auto。您還可能希望隱藏垂直滾動條，因爲從我記得，Telerik的同時啓用水平和垂直滾動條，如果你啓用該功能。

的修補程序可能無法在某些瀏覽器。該解決方案適用於我們，目前適用於Chrome。 IE瀏覽器的樣式可能需要很小的修改。

現在我看到，你的列的寬度比格的寬度。您可以減小網格的寬度或增加列的寬度，您應該看到滾動。

來源

2016-01-04 18:12:27

啓用Telerik Rad Grid水平滾動

回答

相關問題