FlexGrid

FlexGrid allows you to visualize and edit tabular data. It provides a variety of options about how to present and perform operations over the data, including selection, sorting, filtering, grouping, paging, editing, formatting, etc.

Populate the FlexGrid by setting its itemsSource property to an array containing regular JavaScript objects. The grid will automatically generate columns to display the data items, and will allow users to select, sort, and edit the data.

Id
Country
Active
Downloads
Sales
Expenses
0
US
153,431
10,139.15
40,741.88
1
Germany
140,541
9,449.19
1,579.26
2
UK
13,156
8,563.42
24,741.49
3
Japan
102,534
43,565.07
11,651.96
4
Italy
157,656
16,127.38
11,532.28
5
Greece
109,435
8,662.64
38,219.02
6
US
75,201
72,643.07
33,955.53
7
Germany
186,793
48,833.72
25,525.35
8
UK
191,991
67,523.85
48,673.41
9
Japan
125,150
31,879.13
19,294.15
10
Italy
96,182
85,878.32
1,487.59
11
Greece
19,309
35,285.18
12,611.28
12
US
80,130
72,491.10
12,777.70
13
Germany
58,203
23,015.53
25,342.96
14
UK
162,709
88,923.77
8,930.75
15
Japan
60,133
17,773.85
49,340.88
16
Italy
29,065
45,721.41
18,790.15
17
Greece
163,096
15,964.15
6,616.14
18
US
41,584
23,808.92
24,888.16
19
Germany
33,691
81,093.81
29,780.27
20
UK
194,069
99,159.17
19,866.80
21
Japan
133,195
53,104.05
33,234.87
22
Italy
67,278
23,361.58
18,024.40
23
Greece
108,162
93,313.43
14,919.35
24
US
102,324
69,283.97
44,819.09
25
Germany
25,893
64,824.61
31,003.60
26
UK
49,920
74,856.66
19,971.86
27
Japan
113,249
84,886.55
23,320.83
28
Italy
97,395
5,649.85
9,926.34
29
Greece
63,469
52,781.83
7,764.24
30
US
29,164
9,506.23
36,100.03
31
Germany
169,074
6,455.82
38,829.82
32
UK
160,239
31,974.59
25,855.17
33
Japan
55,900
63,920.13
45,802.87
34
Italy
105,731
11,662.35
34,494.71
35
Greece
134,740
67,901.07
5,637.20
36
US
124,733
42,798.49
7,680.22
37
Germany
86,679
25,343.36
36,790.96
38
UK
99,739
92,861.40
6,712.86
39
Japan
168,577
40,277.32
14,666.63
40
Italy
106,411
19,291.34
7,431.90
41
Greece
187,790
79,215.16
7,012.62
42
US
150,935
28,075.07
18,422.45
43
Germany
91,402
8,717.06
49,489.01
44
UK
85,605
22,170.94
7,352.51
45
Japan
7,140
73,293.92
28,181.51
46
Italy
187,711
40,223.66
29,430.33
47
Greece
156,155
8,962.36
20,141.70
48
US
190,730
62,107.21
43,247.09
49
Germany
16,679
92,666.20
12,533.42
50
UK
197,655
73,389.97
35,181.05
51
Japan
196,581
30,674.78
43,171.85
52
Italy
23,814
56,883.26
44,462.25
53
Greece
199,468
51,157.35
21,303.74
54
US
179,825
63,818.73
49,049.88
55
Germany
14,078
69,680.93
32,221.73
56
UK
162,414
24,586.38
15,636.04
57
Japan
167,178
48,751.91
14,305.97
58
Italy
166,123
39,195.00
28,172.98
59
Greece
156,729
85,966.95
1,655.16
60
US
142,630
40,795.28
47,768.72
61
Germany
119,722
68,958.34
31,035.34
62
UK
185,774
25,573.53
26,206.45
63
Japan
13,854
5,427.15
38,537.97
64
Italy
192,152
83,775.73
44,699.35
65
Greece
171,390
16,002.22
36,947.04
66
US
156,949
21,413.08
6,640.96
67
Germany
196,311
44,054.95
8,291.16
68
UK
17,103
30,454.16
46,945.67
69
Japan
131,148
5,681.97
6,282.11
70
Italy
129,286
24,813.86
10,861.28
71
Greece
54,950
64,984.70
19,916.60
72
US
103,282
15,685.81
34,434.88
73
Germany
6,680
78,577.64
40,994.22
74
UK
62,446
59,797.23
48,136.21
75
Japan
139,764
96,571.33
2,160.53
76
Italy
177,283
21,213.04
9,110.24
77
Greece
163,434
64,748.28
32,559.69
78
US
183,039
55,899.06
34,309.90
79
Germany
181,175
16,788.71
7,201.10
80
UK
27,722
60,380.94
41,179.19
81
Japan
170,661
74,340.30
38,584.28
82
Italy
51,396
33,958.86
6,613.14
83
Greece
177,037
96,082.93
13,805.23
84
US
51,380
44,921.08
34,044.52
85
Germany
48,920
59,043.62
8,994.65
86
UK
46,822
20,462.37
20,098.43
87
Japan
40,810
90,596.67
15,771.17
88
Italy
103,884
89,152.11
13,014.76
89
Greece
179,288
50,527.56
35,805.27
90
US
169,391
31,821.43
20,422.24
91
Germany
83,854
87,029.41
32,507.99
92
UK
152,902
26,577.61
14,785.46
93
Japan
55,879
47,886.77
35,341.57
94
Italy
183,138
28,751.27
17,067.50
95
Greece
192,400
94,350.38
43,593.18
96
US
176,729
20,063.84
39,240.78
97
Germany
156,145
77,016.67
4,812.32
98
UK
160,952
44,998.82
16,137.32
99
Japan
166,658
41,490.86
39,473.24
100
Italy
154,228
59,038.38
25,032.19
101
Greece
112,032
40,888.86
37,901.35
102
US
29,570
52,736.79
36,635.46
103
Germany
163,262
67,573.72
5,682.74
104
UK
90,697
9,208.61
38,782.72
105
Japan
55,673
27,775.32
25,052.89
106
Italy
49,002
84,480.35
4,511.80
107
Greece
50,159
50,278.49
6,753.37
108
US
126,194
30,763.27
2,887.16
109
Germany
112,214
47,864.75
33,253.46
110
UK
108,985
7,582.50
22,547.80
111
Japan
122,276
72,651.77
39,988.14
112
Italy
134,026
39,635.22
31,804.58
113
Greece
56,032
76,671.63
29,789.26
114
US
194,739
76,740.84
28,947.01
115
Germany
116,743
83,859.43
16,258.03
116
UK
197,495
94,424.06
290.07
117
Japan
135,366
49,693.48
41,623.54
118
Italy
104,447
47,708.61
44,426.61
119
Greece
52,729
2,406.57
16,057.39
120
US
78,575
51,225.48
20,941.02
121
Germany
71,161
28,946.62
37,995.85
122
UK
193,565
12,764.00
23,023.60
123
Japan
44,588
54,261.28
29,071.45
124
Italy
73,964
69,597.61
13,164.59
125
Greece
15,742
66,194.45
18,471.53
126
US
42,218
57,351.82
48,052.88
127
Germany
93,478
64,595.96
47,257.90
128
UK
159,743
4,711.37
38,201.38
129
Japan
56,685
79,696.40
31,712.59
130
Italy
127,551
99,680.21
8,538.50
131
Greece
106,676
21,984.91
27,525.27
132
US
153,144
59,037.25
8,229.48
133
Germany
156,814
91,723.96
10,744.94
134
UK
181,901
58,420.47
17,880.76
135
Japan
155,131
64,005.82
6,265.80
136
Italy
45,004
74,518.02
5,865.01
137
Greece
128,006
49,165.84
45,590.72
138
US
73,260
24,354.76
23,214.13
139
Germany
150,091
90,589.74
2,806.24
140
UK
141,557
64,039.26
18,542.86
141
Japan
43,787
48,831.91
9,586.09
142
Italy
44,117
32,741.59
19,410.19
143
Greece
57,585
33,890.67
30,128.81
144
US
102,873
40,583.00
47,174.26
145
Germany
29,882
3,059.11
19,692.05
146
UK
151,629
83,201.93
2,599.55
147
Japan
4,639
79,669.89
11,785.03
148
Italy
780
30,032.68
19,390.45
149
Greece
55,296
22,756.27
1,006.58
150
US
197,688
19,173.58
44,731.33
151
Germany
93,450
22,593.04
24,477.59
152
UK
39,909
90,052.27
26,375.84
153
Japan
123,495
32,113.69
7,766.99
154
Italy
16,298
38,679.94
16,532.29
155
Greece
86,721
87,459.15
30,850.57
156
US
22,209
4,965.96
34,480.78
157
Germany
12,618
22,567.63
15,665.95
158
UK
17,462
84,973.83
44,539.12
159
Japan
193,845
49,956.10
13,993.29
160
Italy
58,844
90,409.04
44,840.77
161
Greece
70,187
23,344.28
39,929.96
162
US
122,475
89,576.93
38,659.90
163
Germany
177,641
21,708.08
45,683.00
164
UK
57,088
1,494.81
43,776.96
165
Japan
16,093
29,161.92
22,068.43
166
Italy
106,884
13,590.88
12,758.61
167
Greece
74,816
4,006.94
180.96
168
US
174,410
93,952.59
27,437.13
169
Germany
160,103
7,409.74
31,000.24
170
UK
119,505
82,321.03
11,622.75
171
Japan
188,490
79,115.24
2,169.16
172
Italy
65,035
8,399.74
11,619.52
173
Greece
71,646
76,189.02
25,394.98
174
US
4,369
76,066.06
25,147.87
175
Germany
111,520
29,487.01
29,404.56
176
UK
42,491
80,705.24
24,820.18
177
Japan
70,758
65,212.82
33,391.11
178
Italy
53,775
9,868.41
26,216.76
179
Greece
140,012
90,373.65
10,825.11
180
US
21,401
49,342.21
15,479.46
181
Germany
130,080
63,240.58
3,445.80
182
UK
106,972
96,197.23
14,241.87
183
Japan
132,380
82,699.98
48,774.01
184
Italy
43,690
95,912.23
34,384.98
185
Greece
98,836
66,488.12
28,337.58
186
US
141,297
94,626.77
28,762.95
187
Germany
1,012
74,166.99
48,553.55
188
UK
144,720
19,541.97
257.15
189
Japan
136,971
99,320.27
40,596.72
190
Italy
164,618
10,269.77
10,841.55
191
Greece
52,370
91,032.17
6,549.47
192
US
196,822
37,575.78
3,316.67
193
Germany
159,668
57,680.53
24,915.68
194
UK
197,136
84,109.38
14,088.64
195
Japan
166,223
8,703.21
46,295.73
196
Italy
85,525
5,053.49
39,132.68
197
Greece
125,886
77,754.36
37,873.61
198
US
53,627
58,298.95
48,076.03
199
Germany
82,659
43,142.29
1,651.66

You can customize the grid columns by setting the autoGenerateColumns property to false and populating the columns property in code.

Country
Downloads (k)
Sales (k)
Expenses (k)
US
153.4
10.1
$40.7
Germany
140.5
9.4
$1.6
UK
13.2
8.6
$24.7
Japan
102.5
43.6
$11.7
Italy
157.7
16.1
$11.5
Greece
109.4
8.7
$38.2
US
75.2
72.6
$34.0
Germany
186.8
48.8
$25.5
UK
192.0
67.5
$48.7
Japan
125.2
31.9
$19.3
Italy
96.2
85.9
$1.5
Greece
19.3
35.3
$12.6
US
80.1
72.5
$12.8
Germany
58.2
23.0
$25.3
UK
162.7
88.9
$8.9
Japan
60.1
17.8
$49.3
Italy
29.1
45.7
$18.8
Greece
163.1
16.0
$6.6
US
41.6
23.8
$24.9
Germany
33.7
81.1
$29.8
UK
194.1
99.2
$19.9
Japan
133.2
53.1
$33.2
Italy
67.3
23.4
$18.0
Greece
108.2
93.3
$14.9
US
102.3
69.3
$44.8
Germany
25.9
64.8
$31.0
UK
49.9
74.9
$20.0
Japan
113.2
84.9
$23.3
Italy
97.4
5.6
$9.9
Greece
63.5
52.8
$7.8
US
29.2
9.5
$36.1
Germany
169.1
6.5
$38.8
UK
160.2
32.0
$25.9
Japan
55.9
63.9
$45.8
Italy
105.7
11.7
$34.5
Greece
134.7
67.9
$5.6
US
124.7
42.8
$7.7
Germany
86.7
25.3
$36.8
UK
99.7
92.9
$6.7
Japan
168.6
40.3
$14.7
Italy
106.4
19.3
$7.4
Greece
187.8
79.2
$7.0
US
150.9
28.1
$18.4
Germany
91.4
8.7
$49.5
UK
85.6
22.2
$7.4
Japan
7.1
73.3
$28.2
Italy
187.7
40.2
$29.4
Greece
156.2
9.0
$20.1
US
190.7
62.1
$43.2
Germany
16.7
92.7
$12.5
UK
197.7
73.4
$35.2
Japan
196.6
30.7
$43.2
Italy
23.8
56.9
$44.5
Greece
199.5
51.2
$21.3
US
179.8
63.8
$49.0
Germany
14.1
69.7
$32.2
UK
162.4
24.6
$15.6
Japan
167.2
48.8
$14.3
Italy
166.1
39.2
$28.2
Greece
156.7
86.0
$1.7
US
142.6
40.8
$47.8
Germany
119.7
69.0
$31.0
UK
185.8
25.6
$26.2
Japan
13.9
5.4
$38.5
Italy
192.2
83.8
$44.7
Greece
171.4
16.0
$36.9
US
156.9
21.4
$6.6
Germany
196.3
44.1
$8.3
UK
17.1
30.5
$46.9
Japan
131.1
5.7
$6.3
Italy
129.3
24.8
$10.9
Greece
55.0
65.0
$19.9
US
103.3
15.7
$34.4
Germany
6.7
78.6
$41.0
UK
62.4
59.8
$48.1
Japan
139.8
96.6
$2.2
Italy
177.3
21.2
$9.1
Greece
163.4
64.7
$32.6
US
183.0
55.9
$34.3
Germany
181.2
16.8
$7.2
UK
27.7
60.4
$41.2
Japan
170.7
74.3
$38.6
Italy
51.4
34.0
$6.6
Greece
177.0
96.1
$13.8
US
51.4
44.9
$34.0
Germany
48.9
59.0
$9.0
UK
46.8
20.5
$20.1
Japan
40.8
90.6
$15.8
Italy
103.9
89.2
$13.0
Greece
179.3
50.5
$35.8
US
169.4
31.8
$20.4
Germany
83.9
87.0
$32.5
UK
152.9
26.6
$14.8
Japan
55.9
47.9
$35.3
Italy
183.1
28.8
$17.1
Greece
192.4
94.4
$43.6
US
176.7
20.1
$39.2
Germany
156.1
77.0
$4.8
UK
161.0
45.0
$16.1
Japan
166.7
41.5
$39.5
Italy
154.2
59.0
$25.0
Greece
112.0
40.9
$37.9
US
29.6
52.7
$36.6
Germany
163.3
67.6
$5.7
UK
90.7
9.2
$38.8
Japan
55.7
27.8
$25.1
Italy
49.0
84.5
$4.5
Greece
50.2
50.3
$6.8
US
126.2
30.8
$2.9
Germany
112.2
47.9
$33.3
UK
109.0
7.6
$22.5
Japan
122.3
72.7
$40.0
Italy
134.0
39.6
$31.8
Greece
56.0
76.7
$29.8
US
194.7
76.7
$28.9
Germany
116.7
83.9
$16.3
UK
197.5
94.4
$0.3
Japan
135.4
49.7
$41.6
Italy
104.4
47.7
$44.4
Greece
52.7
2.4
$16.1
US
78.6
51.2
$20.9
Germany
71.2
28.9
$38.0
UK
193.6
12.8
$23.0
Japan
44.6
54.3
$29.1
Italy
74.0
69.6
$13.2
Greece
15.7
66.2
$18.5
US
42.2
57.4
$48.1
Germany
93.5
64.6
$47.3
UK
159.7
4.7
$38.2
Japan
56.7
79.7
$31.7
Italy
127.6
99.7
$8.5
Greece
106.7
22.0
$27.5
US
153.1
59.0
$8.2
Germany
156.8
91.7
$10.7
UK
181.9
58.4
$17.9
Japan
155.1
64.0
$6.3
Italy
45.0
74.5
$5.9
Greece
128.0
49.2
$45.6
US
73.3
24.4
$23.2
Germany
150.1
90.6
$2.8
UK
141.6
64.0
$18.5
Japan
43.8
48.8
$9.6
Italy
44.1
32.7
$19.4
Greece
57.6
33.9
$30.1
US
102.9
40.6
$47.2
Germany
29.9
3.1
$19.7
UK
151.6
83.2
$2.6
Japan
4.6
79.7
$11.8
Italy
0.8
30.0
$19.4
Greece
55.3
22.8
$1.0
US
197.7
19.2
$44.7
Germany
93.5
22.6
$24.5
UK
39.9
90.1
$26.4
Japan
123.5
32.1
$7.8
Italy
16.3
38.7
$16.5
Greece
86.7
87.5
$30.9
US
22.2
5.0
$34.5
Germany
12.6
22.6
$15.7
UK
17.5
85.0
$44.5
Japan
193.8
50.0
$14.0
Italy
58.8
90.4
$44.8
Greece
70.2
23.3
$39.9
US
122.5
89.6
$38.7
Germany
177.6
21.7
$45.7
UK
57.1
1.5
$43.8
Japan
16.1
29.2
$22.1
Italy
106.9
13.6
$12.8
Greece
74.8
4.0
$0.2
US
174.4
94.0
$27.4
Germany
160.1
7.4
$31.0
UK
119.5
82.3
$11.6
Japan
188.5
79.1
$2.2
Italy
65.0
8.4
$11.6
Greece
71.6
76.2
$25.4
US
4.4
76.1
$25.1
Germany
111.5
29.5
$29.4
UK
42.5
80.7
$24.8
Japan
70.8
65.2
$33.4
Italy
53.8
9.9
$26.2
Greece
140.0
90.4
$10.8
US
21.4
49.3
$15.5
Germany
130.1
63.2
$3.4
UK
107.0
96.2
$14.2
Japan
132.4
82.7
$48.8
Italy
43.7
95.9
$34.4
Greece
98.8
66.5
$28.3
US
141.3
94.6
$28.8
Germany
1.0
74.2
$48.6
UK
144.7
19.5
$0.3
Japan
137.0
99.3
$40.6
Italy
164.6
10.3
$10.8
Greece
52.4
91.0
$6.5
US
196.8
37.6
$3.3
Germany
159.7
57.7
$24.9
UK
197.1
84.1
$14.1
Japan
166.2
8.7
$46.3
Italy
85.5
5.1
$39.1
Greece
125.9
77.8
$37.9
US
53.6
58.3
$48.1
Germany
82.7
43.1
$1.7

You can customize the default features of grid by setting the properties such as selectionMode, allowSorting, allowDragging, isReadOnly and headersVisibility.

Id
Country
Active
Downloads
Sales
Expenses
0
US
153,431
10,139.15
40,741.88
1
Germany
140,541
9,449.19
1,579.26
2
UK
13,156
8,563.42
24,741.49
3
Japan
102,534
43,565.07
11,651.96
4
Italy
157,656
16,127.38
11,532.28
5
Greece
109,435
8,662.64
38,219.02
6
US
75,201
72,643.07
33,955.53
7
Germany
186,793
48,833.72
25,525.35
8
UK
191,991
67,523.85
48,673.41
9
Japan
125,150
31,879.13
19,294.15
10
Italy
96,182
85,878.32
1,487.59
11
Greece
19,309
35,285.18
12,611.28
12
US
80,130
72,491.10
12,777.70
13
Germany
58,203
23,015.53
25,342.96
14
UK
162,709
88,923.77
8,930.75
15
Japan
60,133
17,773.85
49,340.88
16
Italy
29,065
45,721.41
18,790.15
17
Greece
163,096
15,964.15
6,616.14
18
US
41,584
23,808.92
24,888.16
19
Germany
33,691
81,093.81
29,780.27
20
UK
194,069
99,159.17
19,866.80
21
Japan
133,195
53,104.05
33,234.87
22
Italy
67,278
23,361.58
18,024.40
23
Greece
108,162
93,313.43
14,919.35
24
US
102,324
69,283.97
44,819.09
25
Germany
25,893
64,824.61
31,003.60
26
UK
49,920
74,856.66
19,971.86
27
Japan
113,249
84,886.55
23,320.83
28
Italy
97,395
5,649.85
9,926.34
29
Greece
63,469
52,781.83
7,764.24
30
US
29,164
9,506.23
36,100.03
31
Germany
169,074
6,455.82
38,829.82
32
UK
160,239
31,974.59
25,855.17
33
Japan
55,900
63,920.13
45,802.87
34
Italy
105,731
11,662.35
34,494.71
35
Greece
134,740
67,901.07
5,637.20
36
US
124,733
42,798.49
7,680.22
37
Germany
86,679
25,343.36
36,790.96
38
UK
99,739
92,861.40
6,712.86
39
Japan
168,577
40,277.32
14,666.63
40
Italy
106,411
19,291.34
7,431.90
41
Greece
187,790
79,215.16
7,012.62
42
US
150,935
28,075.07
18,422.45
43
Germany
91,402
8,717.06
49,489.01
44
UK
85,605
22,170.94
7,352.51
45
Japan
7,140
73,293.92
28,181.51
46
Italy
187,711
40,223.66
29,430.33
47
Greece
156,155
8,962.36
20,141.70
48
US
190,730
62,107.21
43,247.09
49
Germany
16,679
92,666.20
12,533.42
50
UK
197,655
73,389.97
35,181.05
51
Japan
196,581
30,674.78
43,171.85
52
Italy
23,814
56,883.26
44,462.25
53
Greece
199,468
51,157.35
21,303.74
54
US
179,825
63,818.73
49,049.88
55
Germany
14,078
69,680.93
32,221.73
56
UK
162,414
24,586.38
15,636.04
57
Japan
167,178
48,751.91
14,305.97
58
Italy
166,123
39,195.00
28,172.98
59
Greece
156,729
85,966.95
1,655.16
60
US
142,630
40,795.28
47,768.72
61
Germany
119,722
68,958.34
31,035.34
62
UK
185,774
25,573.53
26,206.45
63
Japan
13,854
5,427.15
38,537.97
64
Italy
192,152
83,775.73
44,699.35
65
Greece
171,390
16,002.22
36,947.04
66
US
156,949
21,413.08
6,640.96
67
Germany
196,311
44,054.95
8,291.16
68
UK
17,103
30,454.16
46,945.67
69
Japan
131,148
5,681.97
6,282.11
70
Italy
129,286
24,813.86
10,861.28
71
Greece
54,950
64,984.70
19,916.60
72
US
103,282
15,685.81
34,434.88
73
Germany
6,680
78,577.64
40,994.22
74
UK
62,446
59,797.23
48,136.21
75
Japan
139,764
96,571.33
2,160.53
76
Italy
177,283
21,213.04
9,110.24
77
Greece
163,434
64,748.28
32,559.69
78
US
183,039
55,899.06
34,309.90
79
Germany
181,175
16,788.71
7,201.10
80
UK
27,722
60,380.94
41,179.19
81
Japan
170,661
74,340.30
38,584.28
82
Italy
51,396
33,958.86
6,613.14
83
Greece
177,037
96,082.93
13,805.23
84
US
51,380
44,921.08
34,044.52
85
Germany
48,920
59,043.62
8,994.65
86
UK
46,822
20,462.37
20,098.43
87
Japan
40,810
90,596.67
15,771.17
88
Italy
103,884
89,152.11
13,014.76
89
Greece
179,288
50,527.56
35,805.27
90
US
169,391
31,821.43
20,422.24
91
Germany
83,854
87,029.41
32,507.99
92
UK
152,902
26,577.61
14,785.46
93
Japan
55,879
47,886.77
35,341.57
94
Italy
183,138
28,751.27
17,067.50
95
Greece
192,400
94,350.38
43,593.18
96
US
176,729
20,063.84
39,240.78
97
Germany
156,145
77,016.67
4,812.32
98
UK
160,952
44,998.82
16,137.32
99
Japan
166,658
41,490.86
39,473.24
100
Italy
154,228
59,038.38
25,032.19
101
Greece
112,032
40,888.86
37,901.35
102
US
29,570
52,736.79
36,635.46
103
Germany
163,262
67,573.72
5,682.74
104
UK
90,697
9,208.61
38,782.72
105
Japan
55,673
27,775.32
25,052.89
106
Italy
49,002
84,480.35
4,511.80
107
Greece
50,159
50,278.49
6,753.37
108
US
126,194
30,763.27
2,887.16
109
Germany
112,214
47,864.75
33,253.46
110
UK
108,985
7,582.50
22,547.80
111
Japan
122,276
72,651.77
39,988.14
112
Italy
134,026
39,635.22
31,804.58
113
Greece
56,032
76,671.63
29,789.26
114
US
194,739
76,740.84
28,947.01
115
Germany
116,743
83,859.43
16,258.03
116
UK
197,495
94,424.06
290.07
117
Japan
135,366
49,693.48
41,623.54
118
Italy
104,447
47,708.61
44,426.61
119
Greece
52,729
2,406.57
16,057.39
120
US
78,575
51,225.48
20,941.02
121
Germany
71,161
28,946.62
37,995.85
122
UK
193,565
12,764.00
23,023.60
123
Japan
44,588
54,261.28
29,071.45
124
Italy
73,964
69,597.61
13,164.59
125
Greece
15,742
66,194.45
18,471.53
126
US
42,218
57,351.82
48,052.88
127
Germany
93,478
64,595.96
47,257.90
128
UK
159,743
4,711.37
38,201.38
129
Japan
56,685
79,696.40
31,712.59
130
Italy
127,551
99,680.21
8,538.50
131
Greece
106,676
21,984.91
27,525.27
132
US
153,144
59,037.25
8,229.48
133
Germany
156,814
91,723.96
10,744.94
134
UK
181,901
58,420.47
17,880.76
135
Japan
155,131
64,005.82
6,265.80
136
Italy
45,004
74,518.02
5,865.01
137
Greece
128,006
49,165.84
45,590.72
138
US
73,260
24,354.76
23,214.13
139
Germany
150,091
90,589.74
2,806.24
140
UK
141,557
64,039.26
18,542.86
141
Japan
43,787
48,831.91
9,586.09
142
Italy
44,117
32,741.59
19,410.19
143
Greece
57,585
33,890.67
30,128.81
144
US
102,873
40,583.00
47,174.26
145
Germany
29,882
3,059.11
19,692.05
146
UK
151,629
83,201.93
2,599.55
147
Japan
4,639
79,669.89
11,785.03
148
Italy
780
30,032.68
19,390.45
149
Greece
55,296
22,756.27
1,006.58
150
US
197,688
19,173.58
44,731.33
151
Germany
93,450
22,593.04
24,477.59
152
UK
39,909
90,052.27
26,375.84
153
Japan
123,495
32,113.69
7,766.99
154
Italy
16,298
38,679.94
16,532.29
155
Greece
86,721
87,459.15
30,850.57
156
US
22,209
4,965.96
34,480.78
157
Germany
12,618
22,567.63
15,665.95
158
UK
17,462
84,973.83
44,539.12
159
Japan
193,845
49,956.10
13,993.29
160
Italy
58,844
90,409.04
44,840.77
161
Greece
70,187
23,344.28
39,929.96
162
US
122,475
89,576.93
38,659.90
163
Germany
177,641
21,708.08
45,683.00
164
UK
57,088
1,494.81
43,776.96
165
Japan
16,093
29,161.92
22,068.43
166
Italy
106,884
13,590.88
12,758.61
167
Greece
74,816
4,006.94
180.96
168
US
174,410
93,952.59
27,437.13
169
Germany
160,103
7,409.74
31,000.24
170
UK
119,505
82,321.03
11,622.75
171
Japan
188,490
79,115.24
2,169.16
172
Italy
65,035
8,399.74
11,619.52
173
Greece
71,646
76,189.02
25,394.98
174
US
4,369
76,066.06
25,147.87
175
Germany
111,520
29,487.01
29,404.56
176
UK
42,491
80,705.24
24,820.18
177
Japan
70,758
65,212.82
33,391.11
178
Italy
53,775
9,868.41
26,216.76
179
Greece
140,012
90,373.65
10,825.11
180
US
21,401
49,342.21
15,479.46
181
Germany
130,080
63,240.58
3,445.80
182
UK
106,972
96,197.23
14,241.87
183
Japan
132,380
82,699.98
48,774.01
184
Italy
43,690
95,912.23
34,384.98
185
Greece
98,836
66,488.12
28,337.58
186
US
141,297
94,626.77
28,762.95
187
Germany
1,012
74,166.99
48,553.55
188
UK
144,720
19,541.97
257.15
189
Japan
136,971
99,320.27
40,596.72
190
Italy
164,618
10,269.77
10,841.55
191
Greece
52,370
91,032.17
6,549.47
192
US
196,822
37,575.78
3,316.67
193
Germany
159,668
57,680.53
24,915.68
194
UK
197,136
84,109.38
14,088.64
195
Japan
166,223
8,703.21
46,295.73
196
Italy
85,525
5,053.49
39,132.68
197
Greece
125,886
77,754.36
37,873.61
198
US
53,627
58,298.95
48,076.03
199
Germany
82,659
43,142.29
1,651.66
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
// This file locates: "Scripts/Lesson/C1FlexGrid/Index.js".
c1.documentReady(function () {
    // create some random data
    var countries = 'US,Germany,UK,Japan,Italy,Greece'.split(','),
      data = [];
    for (var i = 0; i < 200; i++) {
        data.push({
            id: i,
            country: countries[i % countries.length],
            active: i % 5 != 0,
            downloads: Math.round(Math.random() * 200000),
            sales: Math.random() * 100000,
            expenses: Math.random() * 50000
        });
    }
 
    // default grid
    var gridDefault = wijmo.Control.getControl('#gridDefault');
    gridDefault.itemsSource = data;
 
    // customize columns
    var gridCols = wijmo.Control.getControl('#gridCols');
    gridCols.initialize({
        autoGenerateColumns: false,
        itemsSource: data,
        columns: [
            { header: 'Country', binding: 'country', width: '*' },
            { header: 'Downloads (k)', binding: 'downloads', format: 'n1,' },
            { header: 'Sales (k)', binding: 'sales', format: 'n1,' },
            { header: 'Expenses (k)', binding: 'expenses', format: 'c1,' },
        ]
    });
 
    // customize properties
    var gridProps = wijmo.Control.getControl('#gridProps');
    gridProps.itemsSource = data;
 
    var selectionMode = wijmo.Control.getControl('#selectionMode');
    selectionMode.selectedIndexChanged.addHandler(function () {
        gridProps.selectionMode = selectionMode.text
    });
    var allowSorting = wijmo.Control.getControl('#allowSorting');
    allowSorting.selectedIndexChanged.addHandler(function () {
        gridProps.allowSorting = allowSorting.text == 'True';
    });
    var allowDragging = wijmo.Control.getControl('#allowDragging');
    allowDragging.selectedIndexChanged.addHandler(function () {
        gridProps.allowDragging = allowDragging.text;
    });
    var isReadOnly = wijmo.Control.getControl('#isReadOnly');
    isReadOnly.selectedIndexChanged.addHandler(function () {
        gridProps.isReadOnly = isReadOnly.text == 'True';
    });
    var headersVisibility = wijmo.Control.getControl('#headersVisibility');
    headersVisibility.selectedIndexChanged.addHandler(function () {
        gridProps.headersVisibility = headersVisibility.text;
    });
});
1
2
3
4
5
6
7
8
9
10
11
// This file locates: "Content/css/Lesson/C1FlexGrid/Index.css".
.wj-flexgrid {
  max-height: 250px;
  margin-bottom: 12px;
}
.header {
  display: inline-block;
  width: 150px;
  text-align: right;
  font-weight: normal;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
using System.Web.Mvc;
 
namespace LearnMvcClient.Controllers
{
    public partial class C1FlexGridController : Controller
    {
        // GET: Index
        public ActionResult Index()
        {
            return View();
        }
    }
}
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<h1>
    @Html.Raw(Resources.C1FlexGrid.Index_Title)
</h1>
<p>
    @Html.Raw(Resources.C1FlexGrid.Index_Text1)
</p>
<p>
    @Html.Raw(Resources.C1FlexGrid.Index_Text2)
</p>
@Html.C1().FlexGrid().Id("gridDefault")
 
<p>
    @Html.Raw(Resources.C1FlexGrid.Index_Text3)
</p>
@Html.C1().FlexGrid().Id("gridCols")
 
<p>
    @Html.Raw(Resources.C1FlexGrid.Index_Text4)
</p>
@Html.C1().FlexGrid().Id("gridProps")
<label>
    <div class="header">@Html.Raw(Resources.C1FlexGrid.Index_Text5)</div>
    @(Html.C1().ComboBox().Id("selectionMode")
        .Bind(new[] { "None", "Cell", "CellRange", "Row", "RowRange", "ListBox" })
        .Text("CellRange")
    )
</label>
<label>
    <div class="header">@Html.Raw(Resources.C1FlexGrid.Index_Text6)</div>
    @(Html.C1().ComboBox().Id("allowSorting")
        .Bind(new[] { "True", "False" })
        .Text("True")
    )
</label>
<label>
    <div class="header">@Html.Raw(Resources.C1FlexGrid.Index_Text7)</div>
    @(Html.C1().ComboBox().Id("allowDragging")
        .Bind(new[] { "None", "Columns", "Rows", "Both" })
        .Text("Solumns")
    )
</label>
<label>
    <div class="header">@Html.Raw(Resources.C1FlexGrid.Index_Text8)</div>
    @(Html.C1().ComboBox().Id("isReadOnly")
        .Bind(new[] { "True", "False" })
        .Text("False")
    )
</label>
<label>
    <div class="header">@Html.Raw(Resources.C1FlexGrid.Index_Text9)</div>
    @(Html.C1().ComboBox().Id("headersVisibility")
        .Bind(new[] { "None", "Column", "Row", "All" })
        .Text("All")
    )
</label>