MVC Kendo网格调整大小问题

时间:2018-12-10 13:22:57

标签: asp.net-mvc kendo-ui kendo-grid telerik-mvc

我的项目中有一个剑道网格

 @(Html.Kendo()
          .Grid(Model)
          .Name("BuilderGrid")
          .Columns(columns =>
          {
           .......................
           .......................
          }).HtmlAttributes(new { style = "width:100%; height:100%;" })

网格数据正在正常加载。如果我调整浏览器窗口的大小或调整网格的大小,则最后2或3个网格行未显示,有时最后一行显示cut .FYI-

1 个答案:

答案 0 :(得分:0)

我找到了。需要在页面上添加这些行。

$(document).ready(function () {
    $(window).resize(function () {
        resizeGrid();
    });
});

function resizeGrid() {
    var gridWidget = $("#BuilderGrid").data("kendoGrid");

    // apply the new height and trigger the layout readjustment
    gridWidget.wrapper.height(847);
    gridWidget.resize();

    // force the layout readjustment without setting a new height
    gridWidget.resize(true);
}