Question

当我在标题单元格中浏览我的kendo-ui网格时，我遇到以下问题：只滚动标题列而不是内容列。见：grid with wrong aligned columns。

要重现此问题，我创建了一个DOJO，请参阅：http://dojo.telerik.com/OFORe/2。

任何想法，如何在标签时使用标题滚动内容？顺便说一句，当我使用水平滚动条并手动向右滚动时，列正确对齐。

谢谢， bizlina

Answer 1

问题是，一旦启用滚动，kendo将kendo-grid划分为两个单独的表，如kendo文档中所述：

启用滚动时，Grid会呈现两个表 - 一个用于标题区域，另一个用于可滚动数据区域。（http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#scrolling）

为了实现水平同步滚动的两个单独的表，我为我的网格实现了这个事件处理程序（另请参见更新的DOJO：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());
 });

通过此hack，内容将相应地滚动标题。目前，当您使用网格底部的滚动条时，也会调用滚动事件。为了避免这种情况，我将事件包装在keydown事件中，该事件在网格标题的输入字段中注册。通过检查正确的keyCode，只有在按下Tab键时才会执行注册。

P上。 S.只执行一次滚动事件，在使用上述代码之前取消注册。

通过标题列

1 个答案: