Available in the Full Version

Data Grid - Summaries (Remote Calculation)

This sample demonstrates remote summaries feature for the igGrid control. In this mode summaries are calculated by the Ignite UI for jQuery Grid MVC Helper Wrapper on the server and sent back to the client as part of the response.
Product Name
Units In Stock
Unit Price
Units On Order
Chai39180
Chang171940
Aniseed Syrup131070
Chef Anton's Cajun Seasoning53220
Chef Anton's Gumbo Mix021.350
Grandma's Boysenberry Spread120250
Uncle Bob's Organic Dried Pears15300
Northwoods Cranberry Sauce6400
Mishi Kobe Niku29970
Ikura31310
Queso Cabrales222130
Queso Manchego La Pastora86380
Konbu2460
Tofu3523.250
Genen Shouyu3915.50
Pavlova2917.450
Alice Mutton0390
Carnarvon Tigers4262.50
Teatime Chocolate Biscuits259.20
Sir Rodney's Marmalade40810
Sir Rodney's Scones31040
Gustaf's Knäckebröd104210
Tunnbröd6190
Guaraná Fantástica204.50
NuNuCa Nuß-Nougat-Creme76140
Gumbär Gummibärchen1531.230
Schoggi Schokolade4943.90
Rössle Sauerkraut2645.60
Thüringer Rostbratwurst0123.790
Nord-Ost Matjeshering1025.890
Gorgonzola Telino012.570
Mascarpone Fabioli93240
Geitost1122.50
Sasquatch Ale111140
Steeleye Stout20180
Inlagd Sill112190
Gravad lax112650
Côte de Blaye17263.50
Chartreuse verte69180
Boston Crab Meat12318.40
Jack's New England Clam Chowder859.650
Singaporean Hokkien Fried Mee26140
Ipoh Coffee174610
Gula Malacca2719.450
Rogede sild59.570
Spegesild95120
Zaanse koeken369.50
Chocolade1512.7570
Maxilaku102060
Valkoinen suklaa6516.250
Manjimup Dried Apples20530
Filo Mix3870
Perth Pasties032.80
Tourtière217.450
Pâté chinois115240
Gnocchi di nonna Alice213810
Ravioli Angelo3619.50
Escargots de Bourgogne6213.250
Raclette Courdavault79550
Camembert Pierrot19340
Sirop d'érable11328.50
Tarte au sucre1749.30
Vegie-spread2443.90
Wimmers gute Semmelknödel2233.2580
Louisiana Fiery Hot Pepper Sauce7621.050
Louisiana Hot Spiced Okra417100
Laughing Lumberjack Lager52140
Scottish Longbreads612.510
Gudbrandsdalsost26360
Outback Lager151510
Flotemysost2621.50
Mozzarella di Giovanni1434.80
Röd Kaviar101150
Longlife Tofu41020
Rhönbräu Klosterbier1257.750
Lakkalikööri57180
Original Frankfurter grüne Soße32130

This sample is designed for a larger screen size.

On mobile, try rotating your screen, view full size, or email to another device.

Code View

Copy to Clipboard
@using Infragistics.Web.Mvc
@using IgniteUI.SamplesBrowser.Models
@model IQueryable<IgniteUI.SamplesBrowser.Models.Northwind.Product>
<!DOCTYPE html>

<html>
<head>
    <title></title>

    <!-- Ignite UI for jQuery Required Combined CSS Files -->
    <link href="http://cdn-na.infragistics.com/igniteui/2024.2/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
    <link href="http://cdn-na.infragistics.com/igniteui/2024.2/latest/css/structure/infragistics.css" rel="stylesheet" />

    <script src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.8.3.js"></script>
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>

    <!-- Ignite UI for jQuery Required Combined JavaScript Files -->
    <script src="http://cdn-na.infragistics.com/igniteui/2024.2/latest/js/infragistics.core.js"></script>
    <script src="http://cdn-na.infragistics.com/igniteui/2024.2/latest/js/infragistics.lob.js"></script>

</head>
<body>

    @(Html.Infragistics()
        .Grid(Model)
        .ID("products")
        .Width("100%")
        .Height("500px")
        .PrimaryKey("ID")
        .AutoGenerateColumns(false)
        .AutoGenerateLayouts(false)
        .AutoFormat(GridAutoFormat.DateAndNumber)
        .Columns(column =>
        {
            column.For(x => x.ProductName).HeaderText("Product Name").Width("40%");
            column.For(x => x.UnitsInStock).HeaderText("Units In Stock").Width("20%");
            column.For(x => x.UnitPrice).HeaderText("Unit Price").Width("20%");
            column.For(x => x.UnitsOnOrder).HeaderText("Units On Order").Width("20%");
        })
        .Features(features =>
        {
            features.Summaries().Type(OpType.Remote);
        })
        .DataSourceUrl(Url.Action("GetProducts"))
        .Render()
    )

</body>
</html>