2017-02-28 36 views
0

我遇到以下問題:只滾動標題列而不滾動內容列。參見:grid with wrong aligned columns當通過標題單元格中的我的kendo-ui網格選項卡時,網格數據與列表標題列中的標題不匹配

要重現此問題,我創建了DOJO,請參閱:http://dojo.telerik.com/OFORe/2

任何想法,如何獲得內容滾動標題,而標籤?順便說一句,當我使用水平滾動條和手動滾動到右側,列正確對齊。

謝謝, bizlina

回答

0

的問題是,劍術劃分劍術網格成兩個單獨的表一旦滾動被使能,作爲劍術文檔中描述:

當啓用滾動,網格渲染兩個表格 - 一個用於標題區域,另一個用於可滾動數據區域。 (http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#scrolling

要實現兩個獨立的表滾動同步水平我實現了這個事件處理程序,我的網格(也看到更新的道場:http://dojo.telerik.com/OFORe/3):

$("#grid .k-grid-header-wrap").on('scroll', function() { 
     $("#grid .k-grid-content").scrollLeft($("#grid .k-grid-header-wrap").scrollLeft()); 
}); 

通過這個修改的內容滾動相應的標題。目前,當您使用網格底部的滾動條時,也會調用滾動事件。爲了避免我將事件封裝在網格標題中的輸入字段中註冊的keydown事件中。通過檢查正確的keyCode,僅在按Tab鍵時才執行註冊。

P. S.僅執行一次滾動事件,在使用上述代碼之前註銷它。

+0

如果您嘗試使用左右按鈕進行滾動或單擊欄(請參閱您提供的示例),則您的代碼不起作用。任何其他建議? –

相關問題