MVCFlexGrid
MVCFlexGrid
Frozen Cells
This sample demonstrates how to export a mvc flexgrid with frozen cells to excel file.
Features
ID
Start
End
Country
Product
Color
Amount
Amount2
Discount
Active
1
Jan 25 25
00:00
German
Gadget
Green
$581.61
($2,939.67)
14%
2
Feb 25 25
01:01
Canada
Gadget
Green
$4,919.02
($4,673.75)
17%
3
Mar 25 25
02:02
Japan
Gadget
Red
$2,159.73
($3,810.42)
7%
4
Apr 25 25
03:03
German
Gadget
Red
$1,248.66
($2,815.93)
22%
5
May 25 25
04:04
German
Gadget
Black
$4,051.76
($3,108.76)
12%
6
Jun 25 25
05:05
Canada
Gadget
Black
($3,131.28)
($4,314.81)
16%
7
Jul 25 25
06:06
China
Widget
Red
$698.62
($2,745.97)
15%
8
Aug 25 25
07:07
US
Widget
White
$3,464.15
$1,131.58
3%
9
Sep 25 25
08:08
Korea
Gadget
Black
($2,363.16)
$3,425.60
14%
10
Oct 25 25
09:09
US
Widget
White
($2,836.94)
($4,283.10)
6%
11
Nov 25 25
10:10
France
Widget
Green
$877.93
$2,722.02
8%
12
Dec 25 25
11:11
Korea
Widget
Red
($3,788.14)
($3,050.89)
12%
13
Jan 25 25
12:12
German
Gadget
Red
($2,446.92)
($2,351.67)
12%
14
Feb 25 25
13:13
German
Widget
Black
($4,374.97)
($3,899.38)
18%
15
Mar 25 25
14:14
Japan
Gadget
Green
$1,089.32
($4,102.95)
16%
16
Apr 25 25
15:15
China
Gadget
Black
$1,341.85
$532.34
8%
17
May 25 25
16:16
US
Widget
Black
$3,596.33
$623.80
18%
18
Jun 25 25
17:17
China
Widget
Green
$3,232.11
$305.20
24%
19
Jul 25 25
18:18
France
Gadget
Green
($2,008.99)
$1,805.09
9%
20
Aug 25 25
19:19
France
Gadget
White
$2,568.01
$2,889.37
3%
21
Sep 25 25
20:20
UK
Widget
Black
($3,476.95)
$4,852.50
1%
22
Oct 25 25
21:21
UK
Widget
Red
$2,290.56
$3,295.03
6%
23
Nov 25 25
22:22
Japan
Gadget
White
($4,146.76)
$853.06
1%
24
Dec 25 25
23:23
Canada
Gadget
Red
$4,917.55
($4,479.39)
14%
25
Jan 25 25
00:24
Korea
Gadget
Black
$3,824.28
$2,007.51
8%
26
Feb 25 25
01:25
Japan
Gadget
White
($4,257.83)
($1,652.26)
23%
27
Mar 25 25
02:26
Italy
Gadget
Black
$1,095.08
$1,413.34
20%
28
Apr 25 25
03:27
German
Gadget
Green
$1,853.66
$4,924.12
18%
29
May 25 25
04:28
Italy
Widget
White
$3,708.86
($2,697.08)
3%
30
Jun 25 25
05:29
Canada
Gadget
Green
($3,447.73)
$3,738.87
10%
31
Jul 25 25
06:30
German
Gadget
White
($165.64)
($4,919.21)
4%
32
Aug 25 25
07:31
China
Widget
White
$160.62
$1,299.66
8%
33
Sep 25 25
08:32
Korea
Widget
Red
($2,575.30)
($1,036.23)
17%
34
Oct 25 25
09:33
Italy
Widget
Red
$3,288.12
($2,392.41)
19%
35
Nov 25 25
10:34
Korea
Gadget
Red
($4,563.28)
$1,361.51
2%
36
Dec 25 25
11:35
Canada
Widget
White
($4,839.71)
($1,835.02)
19%
37
Jan 25 25
12:36
US
Gadget
Red
$544.13
($4,548.24)
10%
38
Feb 25 25
13:37
Canada
Widget
Red
$538.45
$1,848.22
4%
39
Mar 25 25
14:38
Japan
Gadget
Red
$1,493.10
$391.20
19%
40
Apr 25 25
15:39
US
Widget
Black
($2,838.54)
$4,241.04
14%
41
May 25 25
16:40
UK
Gadget
Black
($3,175.21)
($2,650.41)
18%
42
Jun 25 25
17:41
France
Widget
Black
$22.88
($2,410.67)
17%
43
Jul 25 25
18:42
Korea
Widget
Black
($4,129.88)
($3,660.62)
17%
44
Aug 25 25
19:43
Korea
Gadget
Green
$2,170.82
($3,562.14)
14%
45
Sep 25 25
20:44
Korea
Gadget
Red
($3,000.98)
($238.75)
9%
46
Oct 25 25
21:45
US
Gadget
Red
$3,374.49
($4,629.37)
23%
47
Nov 25 25
22:46
Canada
Widget
Green
($2,103.52)
($4,860.82)
23%
48
Dec 25 25
23:47
German
Widget
Red
($2,077.64)
($4,678.39)
6%
49
Jan 25 25
00:48
France
Gadget
Green
($748.11)
$1,463.78
14%
50
Feb 25 25
01:49
German
Widget
Red
$678.23
$95.72
3%
51
Mar 25 25
02:50
Italy
Gadget
White
$4,420.76
($4,654.08)
1%
52
Apr 25 25
03:51
China
Widget
Red
($4,161.96)
$272.81
7%
53
May 25 25
04:52
China
Gadget
Red
($4,266.09)
($4,920.97)
6%
54
Jun 25 25
05:53
Korea
Gadget
Green
($3,422.65)
$2,304.34
22%
55
Jul 25 25
06:54
China
Gadget
Red
($185.37)
($280.05)
12%
56
Aug 25 25
07:55
US
Widget
Red
($4,675.00)
$4,759.93
9%
57
Sep 25 25
08:56
Canada
Gadget
Black
($1,746.26)
($780.98)
19%
58
Oct 25 25
09:57
German
Widget
Green
($3,518.88)
($2,779.71)
5%
59
Nov 25 25
10:58
Canada
Widget
Red
($228.15)
$3,505.17
20%
60
Dec 25 25
11:59
Italy
Widget
Red
($839.21)
$1,002.81
21%
61
Jan 25 25
12:00
US
Widget
Black
$2,042.44
$1,010.09
2%
62
Feb 25 25
13:01
US
Gadget
White
$4,568.40
$2,813.06
21%
63
Mar 25 25
14:02
Korea
Widget
White
$595.84
($369.24)
4%
64
Apr 25 25
15:03
Canada
Gadget
Red
($2,520.97)
$31.56
9%
65
May 25 25
16:04
Korea
Gadget
White
$3,017.71
$2,732.26
12%
66
Jun 25 25
17:05
Korea
Widget
Red
($3,412.10)
$3,802.04
22%
67
Jul 25 25
18:06
Korea
Gadget
White
($3,256.14)
($3,342.69)
0%
68
Aug 25 25
19:07
China
Gadget
White
$4,334.98
($1,274.35)
17%
69
Sep 25 25
20:08
China
Widget
Black
($989.05)
($4,651.12)
9%
70
Oct 25 25
21:09
US
Widget
Red
$2,673.11
($1,656.47)
1%
71
Nov 25 25
22:10
Japan
Gadget
Green
$4,676.20
($2,435.42)
4%
72
Dec 25 25
23:11
German
Widget
Black
($4,427.85)
($952.53)
13%
73
Jan 25 25
00:12
Japan
Gadget
Red
($4,916.10)
($507.49)
19%
74
Feb 25 25
01:13
China
Widget
White
($1,940.69)
($2,854.91)
0%
75
Mar 25 25
02:14
German
Widget
White
($862.78)
$4,355.25
10%
76
Apr 25 25
03:15
Canada
Gadget
White
$2,015.45
($1,489.64)
25%
77
May 25 25
04:16
Japan
Gadget
White
$4,585.00
($2,963.00)
16%
78
Jun 25 25
05:17
US
Widget
Red
$1,986.58
$606.61
6%
79
Jul 25 25
06:18
US
Widget
Black
($3,469.64)
($1,856.72)
25%
80
Aug 25 25
07:19
German
Gadget
White
$2,342.70
($3,639.94)
5%
81
Sep 25 25
08:20
UK
Gadget
Red
$4,479.22
($842.31)
21%
82
Oct 25 25
09:21
US
Gadget
Green
$2,869.30
$3,725.41
12%
83
Nov 25 25
10:22
US
Gadget
Black
($2,190.02)
($2,736.44)
18%
84
Dec 25 25
11:23
Italy
Widget
Black
$322.50
($3,277.44)
23%
85
Jan 25 25
12:24
France
Widget
Red
($1,479.40)
$3,151.24
12%
86
Feb 25 25
13:25
Italy
Widget
Black
$3,689.48
($1,072.41)
10%
87
Mar 25 25
14:26
Canada
Widget
Green
($1,241.87)
$2,966.15
24%
88
Apr 25 25
15:27
Japan
Gadget
White
$4,009.94
($3,149.85)
11%
89
May 25 25
16:28
Japan
Gadget
Red
$2,323.39
$444.47
16%
90
Jun 25 25
17:29
Italy
Gadget
Green
($1,227.88)
$1,787.36
12%
91
Jul 25 25
18:30
German
Widget
White
($456.57)
$2,388.73
20%
92
Aug 25 25
19:31
Italy
Widget
Black
($992.57)
($1,438.44)
25%
93
Sep 25 25
20:32
Canada
Gadget
Black
($4,707.05)
($1,935.98)
19%
94
Oct 25 25
21:33
US
Widget
Green
$2,301.03
$1,134.37
24%
95
Nov 25 25
22:34
German
Gadget
Green
($1,062.14)
$2,694.52
5%
96
Dec 25 25
23:35
France
Widget
Black
($587.13)
$974.87
4%
97
Jan 25 25
00:36
US
Gadget
White
$2,518.17
$1,421.02
19%
98
Feb 25 25
01:37
Japan
Widget
Red
$4,900.51
$3,229.92
16%
99
Mar 25 25
02:38
Japan
Gadget
White
$2,920.44
$4,808.53
0%
100
Apr 25 25
03:39
France
Widget
Green
$568.63
$329.90
13%
ID
Start
End
Country
Product
Color
Amount
Amount2
Discount
Active
0
Settings
Frozen Columns: 1
Frozen Rows: 2
Export
IncludeColumnHeaders: True
Export Format: XLSX
Description
This sample demonstrates how to export a mvc flexgrid with frozen cells to excel file.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using WebApiExplorer.Models; namespace WebApiExplorer.Controllers { public partial class MVCFlexGridController : Controller { private readonly GridExportImportOptions _flexGridFrozenCellsModel = new GridExportImportOptions { NeedExport = true , NeedImport = false , IncludeColumnHeaders = true }; public ActionResult FrozenCells() { ViewBag.Options = _flexGridFrozenCellsModel; ViewBag.DemoSettingsModel = new ClientSettingsModel { Settings = new Dictionary< string , object []> { { "FrozenColumns" , new object []{1, 0, 2, 3}}, { "FrozenRows" , new object []{2, 0, 1, 3, 4, 5}} } }; return View(Sale.GetData(100)); } } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | @using WebApiExplorer.Models @using C1.Web.Mvc.Grid @model IEnumerable< Sale > @ { ClientSettingsModel demoSettingsModel = ViewBag.DemoSettingsModel; GridExportImportOptions optionsModel = ViewBag.Options; ViewBag.DemoSettings = true ; } @ (Html.C1().FlexGrid< Sale >().Id(optionsModel.ControlId) .AutoGenerateColumns( false ) .IsReadOnly( true ) .Bind(Model) .CssClass( "grid" ) .Columns(columns => { columns.Add(column => column.Binding( "ID" )); columns.Add(column => column.Binding( "Start" ).Format( "MMM d yy" )); columns.Add(column => column.Binding( "End" ).Format( "HH:mm" )); columns.Add(column => column.Binding( "Country" )); columns.Add(column => column.Binding( "Product" )); columns.Add(column => column.Binding( "Color" )); columns.Add(column => column.Binding( "Amount" ).Format( "c" )); columns.Add(column => column.Binding( "Amount2" ).Format( "c" )); columns.Add(column => column.Binding( "Discount" ).Format( "p0" )); columns.Add(column => column.Binding( "Active" )); }) .FrozenColumns(1) .FrozenRows(2) ) @section Settings{ @Html .Partial( "_FlexGridOptions" , optionsModel) } @section Description{ @Html .Raw(Resources.MVCFlexGrid.FrozenCells_Text0) } |