Javascript 来自html表的剑道网格崩溃

我在About.cshtml中有以下html

<div>
 @Html.Partial("_SearchPanel", Model.scM)
</div>
<div class="row">
   <div class="col-md-12 table-responsive" id="mapsDiv">
    @Html.Partial("~/Views/Maps/_MapDetailsList.cshtml", Model.saVM)

   </div>
</div>

<table class="table table-bordered table-striped table-bordered" id="MapDetails">

  <thead>
   ....
  </thead>
  <tbody>
   .....
   </tbody>

<script type="text/javascript">
    $(function () {
        $("#MapDetails").kendoGrid(
        {
            //sortable: true,
            dataSource: {
                pageSize: 5
            },
            pageable:true
        });
    });
</script>

这简直是疯了：连搜索面板都被分页了

有什么线索吗

我在第页上有以下脚本/样式表

"~/Scripts/jquery-{version}.js"
"~/Content/bootstrap.css"
"~/Content/Site.css"                     
"~/Content/freelancer.min.css"
"~/Content/kendo/kendo.common-bootstrap.min.css"
"~/Content/kendo/kendo.common.min.css"
"~/Content/kendo/kendo.default.min.css"
"~/Content/kendo/kendo.bootstrap.min.css"
"~/Scripts/modernizr-*"
"~/Scripts/freelancer.js",
"~/Scripts/freelancer.min.js"
"~/Scripts/kendo/jquery.min.js",
"~/Scripts/kendo/kendo.all.min.js",
"~/Scripts/jquery.unobtrusive-ajax.min.js",
"~/Scripts/kendo/kendo.aspnetmvc.min.js"

---

我完全不得不放弃这种方法，从js创建网格。因为我没有线性数据，所以我也不得不做很多工作

"~/Scripts/jquery-{version}.js"
"~/Content/bootstrap.css"
"~/Content/Site.css"                     
"~/Content/freelancer.min.css"
"~/Content/kendo/kendo.common-bootstrap.min.css"
"~/Content/kendo/kendo.common.min.css"
"~/Content/kendo/kendo.default.min.css"
"~/Content/kendo/kendo.bootstrap.min.css"
"~/Scripts/modernizr-*"
"~/Scripts/freelancer.js",
"~/Scripts/freelancer.min.js"
"~/Scripts/kendo/jquery.min.js",
"~/Scripts/kendo/kendo.all.min.js",
"~/Scripts/jquery.unobtrusive-ajax.min.js",
"~/Scripts/kendo/kendo.aspnetmvc.min.js"