WebGrid Asp.Net MVC自定义寻呼机

public class HomeController : Controller
{
    public ActionResult Index()
    {
        var data = new List<string> { "Item 1", "Item 2", "Item 3", /* ... */ };
        ViewBag.Data = data;
        return View();
    }
}

@{
    var grid = new WebGrid(ViewBag.Data, rowsPerPage: 10);
}

<div>
    @grid.GetHtml(
        tableStyle: "webgrid-table",
        headerStyle: "webgrid-header",
        footerStyle: "webgrid-footer",
        alternatingRowStyle: "webgrid-alternating-row",
        columns: grid.Columns(
            grid.Column("Item", "Item")
        )
    )

    <div class="custom-pager">
        @if (grid.Rows.Count > 0)
        {
            <span>Page @(grid.PageIndex + 1) of @grid.PageCount</span>
            @Html.ActionLink("Previous", null, null, new { page = grid.PageIndex - 1 }, new { @class = grid.PageIndex == 0 ? "disabled" : "" })
            @Html.ActionLink("Next", null, null, new { page = grid.PageIndex + 1 }, new { @class = grid.PageIndex == grid.PageCount - 1 ? "disabled" : "" })
        }
    </div>
</div>

<style>
    .webgrid-table { /* ... */ }
    .webgrid-header { /* ... */ }
    .webgrid-footer { /* ... */ }
    .webgrid-alternating-row { /* ... */ }
    .custom-pager { /* ... */ }
    .disabled { /* ... */ }
</style>