Dashboard

Docs

With each grid control completely self-contained you can add multiple instances to a page to create a dashboard. The Territories grid uses the Height property to allow all the rows to be navigated by scrolling instead of paging as hiding the toolbar automatically results in all rows being displayed in a single page.

Categories

Employees

Regions

Shippers

Territories

Razor
                                
                                        
    DbNetGridCore categoriesGrid = new DbNetGridCore("northwind", "categories", "categoriesGrid") { ToolbarPosition = ToolbarPosition.Hidden };
    categoriesGrid.Column("Picture").Image(new ImageConfiguration("jpg"));
    categoriesGrid.Column("CategoryId").Hidden();
    @categoriesGrid.Render()

    DbNetGridCore regionsGrid = new DbNetGridCore("northwind", "regions", "regionsGrid") { ToolbarPosition = ToolbarPosition.Hidden };
    regionsGrid.Column("RegionId").Hidden();
    @regionsGrid.Render()

    DbNetGridCore territoriesGrid = new DbNetGridCore("northwind", "territories", "territoriesGrid") { PageSize = 20, Search = false, Export = false, Copy = false };
    territoriesGrid.Column("RegionID").Lookup(new Lookup("regions", "regionId", "regiondescription"));
    territoriesGrid.Column("TerritoryId").Hidden();
    @territoriesGrid.Render()

    DbNetGridCore shippersGrid = new DbNetGridCore("northwind", "shippers", "shippersGrid") { ToolbarPosition = ToolbarPosition.Hidden };
    shippersGrid.Column("ShipperId").Hidden();
    @shippersGrid.Render()

    DbNetGridCore employeesGrid = new DbNetGridCore("northwind", "employees", "employeesGrid") { ToolbarPosition = ToolbarPosition.Hidden };
    employeesGrid.Columns = new List
        () { "LastName", "FirstName", "Title", "HomePhone" };
        employeesGrid.Labels = new List
            () { "Surname", "Forename", "Job Title", "Phone" };
            employeesGrid.Column("EmployeeId").Hidden();
            @employeesGrid.Render()