如何使用kendo UI拆分窗格

Question

我在项目中使用了kendo UI jquery lib，我想在一个页面中拆分两个水平列窗格。

这是我的代码，

<div id="splitter">
    <div>PANE a</div>
    <div>PANE b</div>
</div>
<script>
   $("#splitter").kendoSplitter({
      orientation: "horizontal"
   });
</script>

它有效，但问题是，它只分割了一半的页面。 像这样，

我想分割整个页面。

Answer 1

输入拆分器的css：

#splitter{
position: fixed;
width:100%;
height:100%;
}