Сетка кендо: Нужно две горизонтальные полосы прокрутки, одна под полем заголовка, а другая внизу сетки

Question

Работаю над кендо-интерфейсом. У меня есть требование иметь две горизонтальные полосы прокрутки, одну под полями заголовка, а другую внизу.

Я видел несколько образцов, которые имеют две горизонтальные полосы прокрутки, одну над сеткой и другую один внизу. Это не соответствует моему требованию.

Помогите, потому что я много пробовал и не смог найти решение.

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-ссылка на шаблоны заголовков. шаблоны заголовков сетки кендо