Grid with Custom Pager, pager at both top and bottom of the grid

Grid custom pager demo

Using mods to change the pager
Using a smaller pager, which is by default used only when we resize the browser to a smaller width.

CustomPagerGridDemo/Index.cshtml

<div class="expl">
    Using mods to change the pager<br />
    Using a smaller pager, which is by default used only when we resize the browser to a smaller width.
</div>
<br />
@(Html.Awe().Grid("Grid")
    .Mod("awem.gridMiniPager")
    .Columns(
        new Column { Bind = "Id", Width = 75, Groupable = false },
        new Column { Bind = "Person" },
        new Column { Bind = "Food.Name" },
        new Column { Bind = "Location" })
    .Url(Url.Action("GetItems", "LunchGrid"))
    .Height(300))

Comments