Asp.net mvc 使用Razor在Kendo UI网格顶部添加分页部分

我对剑道比较陌生，所以我希望我使用了正确的术语，如果这让人困惑，我道歉。我在Razor中创建了一个剑道ui网格，我的分页似乎在网格底部正确地创建了一个分页部分，在网格顶部又创建了一个默认分页部分。我有一个png图像，但不知道如何加载，所以这里有一个描述。在网格底部，分页显示正确。下一个和上一个箭头、左下角的数字按钮1-3和右下角的正确消息显示“显示从1到10的项目。总计项目30

在网格的顶部，有另一个分页部分，在左上角显示下一个和上一个箭头，带有一个数字按钮，在右上角显示一条消息，显示“没有要显示的项目”

以下是剑道网格的代码：

@(Html.Kendo().Grid<myModels.Models.QuotesSearchViewModel>()
            .Name("quotesGrid")
            .Columns(columns =>
            {
                columns.Bound(c => c.AccountNumber);
                columns.Bound(c => c.QuoteNumber);
                columns.Bound(c => c.CustomerName);
                columns.Bound(c => c.TimeIn).Format("{0:hh:mm:ss tt}");
                columns.Bound(c => c.DateIn).Format("{0:MM/dd/yyyy}");
                columns.Bound(c => c.QuoteNumber).ClientTemplate(
                    Html.ActionLink("Edit", "Edit", new { id = "#= QuoteNumber #" }, new { @class = "k-button" }).ToHtmlString()
               );
            })
            .Selectable(selectable => selectable
                    .Mode(GridSelectionMode.Single))
            .Sortable()
            .Pageable(pageable => pageable
                .Messages(messages => messages.Display("Showing items from {0} to {1}. Total items: {2}"))
                .ButtonCount(5))
            .Navigatable()
            .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(10)
                .Model(model => model.Id("QuoteNumber"))
                .Read(read => read.Action("Quotes_Read", "Quotes").Data("filters"))
                )
    )

@（Html.Kendo（）.Grid（））
.Name（“报价网格”）
.列（列=>
{
columns.Bound（c=>c.AccountNumber）；
columns.Bound（c=>c.QuoteNumber）；
columns.Bound（c=>c.CustomerName）；
columns.Bound（c=>c.TimeIn.Format（“{0:hh:mm:sstt}”）；
columns.Bound（c=>c.DateIn.Format（“{0:MM/dd/yyyyy}”）；
columns.Bound（c=>c.QuoteNumber）.ClientTemplate(
ActionLink（“Edit”，“Edit”，new{id=“#=QuoteNumber}，new{@class=“k-button”}）。ToHtmlString（）
);
})
.可选（可选=>可选
.模式（GridSelectionMode.Single））
.Sortable（）
.Pageable（Pageable=>Pageable
.Messages（Messages=>Messages.Display（“显示从{0}到{1}的项目。项目总数：{2}”））
.按钮计数（5））
.Navigatable（）
.DataSource（DataSource=>DataSource
.Ajax（）
.页面大小（10）
.Model（Model=>Model.Id（“QuoteNumber”））
.Read（Read=>Read.Action（“Quotes\u Read”，“Quotes”）.Data（“filters”））
)
)

我没有问题填充网格，选择工作正常，除了网格顶部的一个额外分页部分外，所有功能都正常运行。我没有在该页面的任何其他地方创建剑道网格，我很困惑这是如何实现的。有没有人遇到过这一点？如果需要进一步的信息，请告诉我她的信息

---

感谢您的时间Shaun

您是否可以使用JavaScript方法客户端创建另一个网格？我以前没有遇到过这种额外的分页，我也不知道支持标头分页。不同的计数和消息强烈建议使用两个不同的网格。顺便说一句，您可以将图像添加到ce您在StackOverflow上的声誉达到10个，或在任何其他StackExchange站点上的声誉超过200个（这将使您在所有StackExchange站点上获得100个声誉）.Hello pwdst，感谢您的回复和有关添加图像的信息。这是唯一的网格，事实上它几乎是页面上唯一的代码。我发现了问题所在。我在标记中包含了此代码。我删除了这些标记，网格顶部的分页部分消失了。