Kendo网格：需要两个水平滚动条，一个在标题字段下方，另一个在网格底部

Question

正在研究kendo-UI。我需要有两个水平滚动条，一个在标题字段下方，另一个在底部。

[我看过一些示例，它们有两个水平滚动条，一个在网格上方，另一个在底部。这不适合我的要求。

提供帮助，因为我尝试了很多，但无法提出解决方案。

Answer 1

在网格模板中的页眉和页脚添加包装div。

<script id="javascriptTemplate" type="text/x-kendo-template">
    <div class="wrapper1">      
    </div>
       Grid template content header, body and footer 
    <div class="wrapper2">
    </div>
</script>

然后

$(".wrapper1").scroll(function(){
    $(".wrapper2")
        .scrollLeft($(".wrapper1").scrollLeft());
});
$(".wrapper2").scroll(function(){
    $(".wrapper1")
        .scrollLeft($(".wrapper2").scrollLeft());
});

如果您希望滚动显示在页眉或页脚中，则需要分别使用页眉和页脚模板。这是标题模板的api参考。 kendo grid header templates