Asp.net mvc 3 剑道ui网格单元显示区域随着添加更多数据而缩小

Asp.net mvc 3 剑道ui网格单元显示区域随着添加更多数据而缩小,asp.net-mvc-3,datagrid,kendo-ui,Asp.net Mvc 3,Datagrid,Kendo Ui,如何防止告诉网格最大化记录显示区域并保持页面控件的区域固定?这就是我在将数据添加到网格时遇到的情况。记录显示区域缩小,页面导航控制区域随着添加更多页面而不断增加,占用剩余空间,而页面导航控制是垂直对齐而不是水平对齐 这是在升级到剑道UI Web的2012.3.1114版后开始的 编辑更多信息: 我正在初始化网格,如下所示: $("#kendoGrid").kendoGrid({ height: "200px", div is constant heig

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

这是在升级到剑道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>

我们需要一些代码。。。请尝试jsbin.com或jsfiddle.net。可能与寻呼机显示相关的错误在这两个问题之间看起来相同。
    $("#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" }
                    ]
    });