Asp.net mvc 为什么我的剑道格网一次只显示一行？

我的网格垂直收缩，一次只能显示一行。看起来是这样的：

底部的灰色条带“2个项目中的1-2个”在右侧也有寻呼机，该条下有一个大的白色区域属于网格，与其他不属于网格的地方的灰色背景形成对比

它有点长，但这是我的网格定义，在有人需要半毫秒来请求代码之前：

@model VehicleMovementBatchIndexModel
@using Kendo.Mvc.UI
@using ParkPay.TheBridge.ViewModels
@using GridEditMode = Kendo.Mvc.UI.GridEditMode
@(Html.Kendo().Grid<VehicleMovementBatchIndexItem>()
                       .Name("index-grid")
                       .Columns(columns =>
                                    {
                                        columns.Bound(p => p.FileName).Title("File Name");
                                        columns.Bound(p => p.FileContentHash).Title("File Content MD5");
                                        columns.Bound(p => p.FileReportDate).Title("File Report Date").Format("{0:yyyy/MM/dd}").Width(180);
                                        columns.Bound(p => p.Imported).Title("Imported").Format("{0:yyyy/MM/dd}").Width(130);
                                        columns.Bound(p => p.ResultMessage).Title("Result").Width(110);
                                        columns.Bound(p => p.Remarks);
                                        columns.Command(cmd => cmd.Destroy().Text("Delete")).Width(100);
                                        columns.Command(cmd => cmd.Custom("Prepare").Click("PrepareBatch")).Width(90);
                                    })
                       .HtmlAttributes(new { style = "height: 480px;" })
                       .Editable(editable => editable.Mode(GridEditMode.InCell))
                                          .ToolBar(toolbar =>
                       {
                           toolbar.Save();
                       })
                       .Filterable()
                       .Pageable()
                       .Scrollable()
                       .Sortable()
                       .Resizable(resize => resize.Columns(true))
                       .Reorderable(reorder => reorder.Columns(true))
                       .DataSource(dataSource => dataSource
                                             .Ajax()
                                             .ServerOperation(false)
                                             .Batch(true)
                                             .PageSize(20)
                                             .Events(events => events.Error("kendoGridErrorHandler"))
                                             .Model(model => model.Id(p => p.Id))
                                             .Read(read => read.Action("Read", "VehicleMovementBatch"))
                                             .Destroy(destroy => destroy.Action("BatchDelete", "VehicleMovementBatch"))
                                             .Update(update => update.Action("BatchUpdate", "VehicleMovementBatch"))
                                   ))

@model VehicleMovementBatchIndexModel
@使用Kendo.Mvc.UI
@使用ParkPay.TheBridge.ViewModels
@使用GridEditMode=Kendo.Mvc.UI.GridEditMode
@（Html.Kendo（）.Grid（））
.Name（“索引网格”）
.列（列=>
{
columns.Bound（p=>p.FileName）.Title（“文件名”）；
columns.Bound（p=>p.FileContentHash.Title（“文件内容MD5”）；
columns.Bound（p=>p.FileReportDate）.Title（“文件报告日期”）.Format（“{0:yyyy/MM/dd}”）.Width（180）；
columns.Bound（p=>p.Imported）.Title（“Imported”）.Format（“{0:yyyy/MM/dd}”）.Width（130）；
columns.Bound（p=>p.ResultMessage）.Title（“Result”）.Width（110）；
columns.Bound（p=>p.comments）；
columns.Command（cmd=>cmd.Destroy（）.Text（“Delete”））.Width（100）；
columns.Command（cmd=>cmd.Custom（“Prepare”）。单击（“PrepareBatch”））。宽度（90）；
})
.HtmlAttributes（新的{style=“height:480px；”}）
.Editable（Editable=>Editable.Mode（GridEditMode.InCell））
.ToolBar（ToolBar=>
{
toolbar.Save（）；
})
.可过滤（）
.Pageable（）
.Scrollable（）
.Sortable（）
.resize可调整大小（resize=>resize.Columns（true））
.Reorderable（reorder=>reorder.Columns（true））
.DataSource（DataSource=>DataSource
.Ajax（）
.ServerOperation（错误）
.Batch（真）
.页面大小（20）
.Events（Events=>Events.Error（“kendoGridErrorHandler”））
.Model（Model=>Model.Id（p=>p.Id））
.Read（Read=>Read.Action（“Read”，“VehicleMovementBatch”））
.Destroy（Destroy=>Destroy.Action（“批删除”、“车辆移动批”））
.Update（Update=>Update.Action（“BatchUpdate”、“VehicleMovementBatch”））
))

您能试一下下面的代码片段吗

方法1：

请使用以下代码段更新“.scrollable（）”代码

.Scrollable(scrolling => scrolling.Enabled(true).Height(480))

方法2：

请使用下面的代码进行尝试。如果这段代码可以工作，那么你的第三个CSS文件会影响这个网格，否则它不会

.HtmlAttributes(new { style = "height: 480px !important;" })

---

如果有任何问题，请告诉我。

您可以尝试使用下面的代码片段吗

方法1：

请使用以下代码段更新“.scrollable（）”代码

.Scrollable(scrolling => scrolling.Enabled(true).Height(480))

方法2：

请使用下面的代码进行尝试。如果这段代码可以工作，那么你的第三个CSS文件会影响这个网格，否则它不会

.HtmlAttributes(new { style = "height: 480px !important;" })

如果有任何问题，请告诉我。

• 用不同的剑道皮肤试试

• 检查是否使用相同的顺序包含css和js文件。 有时错误的文件顺序或两次添加jquery可能会导致 意外的结果。请看这个以寻求帮助

• 您可能还想尝试不同的js文件组合。例如 特定于grid kendo.grid.js或 kendo.all.min.js等

• 查看chrome中的控制台是否显示任何javascript错误。还是对 单击chrome并检查元素以查看其css

• 用不同的剑道皮肤试试

• 检查是否使用相同的顺序包含css和js文件。 有时错误的文件顺序或两次添加jquery可能会导致 意外的结果。请看这个以寻求帮助

• 您可能还想尝试不同的js文件组合。例如 特定于grid kendo.grid.js或 kendo.all.min.js等

• 查看chrome中的控制台是否显示任何javascript错误。还是对 单击chrome并检查元素以查看其css

---

确保css不会覆盖剑道的样式。我只有三个css文件，最后两个是剑道。@ProfK这没关系，它可能仍然有一个冲突的样式。我知道默认的MVC样式表不能很好地与剑道样式表配合使用。您是否附加了CSS检查器？示例代码中没有任何内容会导致此问题。如果没有某种演示页面，任何人都无法帮助您。请确保您的css不会覆盖剑道的样式。我只有三个css文件，最后两个是剑道。@ProfK这没关系-它可能仍然有冲突的样式。我知道默认的MVC样式表不能很好地与剑道样式表配合使用。您是否附加了CSS检查器？示例代码中没有任何内容会导致此问题。如果没有某种演示页面，任何人都无法帮助您。