Available in the Full Version

Spreadsheet - ASP.NET MVC

This is an example of using the ASP.NET MVC helper to instantiate the spreadsheet control in an ASP.NET MVC view.
Wj
Statistics
  • Table2
  • Table3
Table data
Statistics
Global Oil Demand
Millions of barrels per day
Region
2013 / Q1
2013 /Q2
2013 / Q3
2013 / Q4
2014 / Q1
2014 / Q2
2014 / Q3
2014 / Q4
Africa
3.8
3.8
3.7
3.8
3.9
4
3.9
4
Americas
30.1
30.4
30.8
30.5
30.3
30.5
30.9
30.7
Asia
30.6
29.6
29.5
30.8
31
30.2
30.2
31.4
Europe
13.8
14.5
14.7
14.4
14
14.3
14.6
14.4
Former Soviet Union
4.3
4.5
4.8
4.8
4.4
4.7
4.9
4.9
Middle East
7.5
7.9
8.3
7.6
7.6
8.1
8.5
7.9
World
90.1
90.7
91.8
91.9
91.2
91.8
93.0
93.3
Average
91.7
Min
90.1
Max
93.3

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

<!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>
	<script src="http://cdn-na.infragistics.com/igniteui/2024.2/latest/js/infragistics.excel-bundled.js"></script>
	<script src="http://cdn-na.infragistics.com/igniteui/2024.2/latest/js/infragistics.spreadsheet-bundled.js"></script>

</head>
<body>

    @(Html.Infragistics()
		.Spreadsheet()
        .ID("spredsheet1")
		.Width("100%")
		.Height("600")
		.WorkbookURL(ViewData["spreadsheetSource"].ToString())
        .Render()
    )

</body>
</html>