asp.net-mvc-3 - kendo ui网格单元格显示区域随着更多数据的添加而缩小

Question

如何防止告诉网格最大化记录显示区域并保持页面控件区域固定？这就是我在将数据添加到网格时遇到的情况。记录显示区域缩小，页面导航控件区域随着页面的增加不断增加，占用剩余空间，而页面导航控件是垂直对齐而不是水平对齐。

这在升级到 Kendo UI Web 版本 2012.3.1114 后开始发生。

编辑更多信息：

我正在初始化网格如下：

    $("#kendoGrid").kendoGrid({         
        height: "200px",  div is constant height
        dataSource: this._dataSource,
        autowidth: true,
        columns: columnModels,
        sortable: true,                             
        pageable: {
            refresh: true,
            pageSizes: true
        },              
        width: '100%'

    });

网格是 ASP.NET MVC 页面的一部分，定义如下：

using (Html.BeginForm())
{
    <fieldset>

        <div id="centerstage"  >
            <div id="left" >
                <div id="accordion">                                       
                </div>              
            </div>  
            <div id="main-content-div" style="overflow: hidden">
                <div id="center" class="column" />                   
                <div id="console" class="console" >
                    <table  id="kendoGrid" >
                    </table>
                    <div id="pager"></div> 
                </div>
            </div>
            <div id="right" >
                <div id="dashboardDiv"  >
                    <p>dash board</p>    
                </div>
            </div>
        </div>
    </fieldset>

并使用剑道拆分器进行初始化。

    $("#centerstage").kendoSplitter({
        orientation: "horizontal",
        panes: [
                        { collapsible: true, resizable: true, size: "21%" },
                        { collapsible: false, resizable: true, size: "60%" },
                        { collapsible: true, resizable: true, size: "19%" }
                    ]
    });

    $("#main-content-div").kendoSplitter({
        orientation: "vertical",
        panes: [
                        { collapsible: false, size: "500px" },
                        { collapsible: true, resizable: true, size: "220px" }
                    ]
    });