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
101,342
8,146.06
8,118.55
1
Germany
124,454
27,439.21
7,637.66
2
UK
89,966
87,467.39
31,148.22
3
Japan
62,050
25,972.41
45,584.55
4
Italy
119,966
98,342.84
26,335.81
5
Greece
141,869
48,694.51
23,112.90
6
US
97,716
27,909.49
3,028.13
7
Germany
120,034
2,564.08
12,345.40
8
UK
193,039
86,603.90
24,299.30
9
Japan
75,452
73,223.83
40,610.01
10
Italy
127,954
49,561.33
20,946.47
11
Greece
110,304
75,402.46
29,626.69
12
US
125,023
42,040.25
8,797.64
13
Germany
11,942
30,823.47
34,905.83
14
UK
49,671
6,628.23
11,554.21
15
Japan
5,047
380.28
49,912.67
16
Italy
5,399
66,744.83
8,228.47
17
Greece
164,360
58,554.69
48,486.55
18
US
129,344
29,942.41
14,075.49
19
Germany
157,823
84,411.28
7,584.23
20
UK
153,214
74,142.56
17,978.90
21
Japan
117,130
77,690.03
24,698.41
22
Italy
106,176
28,479.29
32,675.88
23
Greece
177,133
51,653.29
21.48
24
US
47,598
63,478.70
15,800.87
25
Germany
140,699
34,601.28
29,374.99
26
UK
9,246
50,002.23
43,143.28
27
Japan
129,094
57,843.91
32,208.70
28
Italy
34,989
61,891.82
47,371.84
29
Greece
148,393
70,730.90
24,347.65
30
US
22,566
15,825.61
40,597.71
31
Germany
167,234
8,874.51
23,501.98
32
UK
165,391
88,238.86
24,691.73
33
Japan
79,977
80,941.90
33,656.45
34
Italy
45,622
67,137.09
31,030.04
35
Greece
186,637
61,528.16
24,977.85
36
US
105,253
50,159.39
42,312.98
37
Germany
133,015
48,350.66
35,626.77
38
UK
166,522
92,178.71
15,409.48
39
Japan
177,867
6,589.95
19,868.93
40
Italy
65,417
29,938.80
4,227.10
41
Greece
144,640
74,099.45
2,410.33
42
US
164,301
20,639.92
37,345.52
43
Germany
135,663
83,891.63
9,445.97
44
UK
73,103
21,573.60
31,399.29
45
Japan
170,180
45,314.16
7,585.99
46
Italy
76,071
4,635.53
7,547.74
47
Greece
161,643
35,006.14
36,059.52
48
US
195,217
57,872.20
49,313.16
49
Germany
69,118
9,998.87
40,268.05
50
UK
102,881
55,628.21
6,027.32
51
Japan
53,714
58,046.16
48,615.89
52
Italy
95,942
32,063.89
47,791.42
53
Greece
20,350
89,476.85
12,518.27
54
US
187,954
90,219.81
3,904.34
55
Germany
166,105
58,979.85
851.71
56
UK
67,104
58,009.67
39,896.88
57
Japan
164,439
41,212.33
26,547.33
58
Italy
102,807
82,578.93
215.66
59
Greece
65,121
44,587.65
20,038.18
60
US
144,611
81,413.08
20,816.26
61
Germany
182,185
17,560.41
35,626.66
62
UK
11,574
28,492.87
19,509.61
63
Japan
137,548
49,589.27
233.62
64
Italy
132,265
83,062.06
30,030.12
65
Greece
46,814
1,563.52
214.27
66
US
81,938
93,906.67
20,003.99
67
Germany
167,443
32,202.65
41,238.89
68
UK
87,385
24,492.97
16,771.54
69
Japan
78,390
22,821.62
33,317.08
70
Italy
196,998
86,773.95
34,878.34
71
Greece
48,796
16,181.36
42,677.70
72
US
166,018
6,668.15
13,565.97
73
Germany
48,237
75,695.33
5,108.92
74
UK
83,722
24,772.86
39,189.69
75
Japan
128,402
39,007.33
16,953.25
76
Italy
27,977
98,516.42
19,441.82
77
Greece
106,627
37,135.73
16,728.49
78
US
24,025
2,607.38
7,902.54
79
Germany
61,868
46,070.70
48,994.28
80
UK
110,236
63,298.34
5,988.19
81
Japan
180,842
47,055.97
30,560.67
82
Italy
124,018
67,239.57
27,455.73
83
Greece
128,979
83,899.72
17,825.97
84
US
18,017
57,448.64
29,218.72
85
Germany
167,951
648.17
44,979.93
86
UK
154,825
62,277.08
34,959.14
87
Japan
13,525
2,844.37
29,238.97
88
Italy
40,898
30,843.30
33,943.78
89
Greece
122,761
50,219.28
4,443.85
90
US
164,734
91,357.36
43,305.80
91
Germany
173,126
79,696.00
22,367.34
92
UK
32,722
43,745.19
2,260.51
93
Japan
187,290
48,427.43
35,879.61
94
Italy
88,861
15,435.78
16,615.18
95
Greece
119,936
93,233.97
30,753.99
96
US
195,440
33,401.01
8,241.33
97
Germany
111,737
20,603.91
48,413.85
98
UK
114,056
22,073.63
29,585.05
99
Japan
45,963
10,761.27
33,843.60
100
Italy
61,582
53,443.96
21,150.53
101
Greece
13,239
55,847.91
23,245.92
102
US
118,658
20,661.39
26,567.84
103
Germany
1,244
45,014.67
41,781.16
104
UK
180,982
52,490.05
28,397.99
105
Japan
160,234
43,148.69
33,119.11
106
Italy
181,004
59,906.24
16,309.79
107
Greece
103,038
69,444.64
33,069.69
108
US
172,226
15,524.70
47,201.62
109
Germany
13,945
99,846.19
27,071.92
110
UK
99,686
89,555.57
12,562.15
111
Japan
139,958
49,637.68
26,953.07
112
Italy
198,673
97,797.29
32,403.27
113
Greece
154,250
32,927.00
11,847.79
114
US
44,899
17,863.23
35,883.64
115
Germany
197,660
20,933.44
16,399.41
116
UK
144,675
65,597.30
10,016.94
117
Japan
193,654
74,842.16
48,199.01
118
Italy
41,430
72,061.22
9,982.52
119
Greece
17,832
1,660.46
38,595.65
120
US
192,753
34,505.63
22,413.89
121
Germany
47,840
80,897.42
17,607.40
122
UK
18,344
74,820.72
14,545.23
123
Japan
69,388
6,587.05
3,542.09
124
Italy
93,488
77,906.66
41,812.30
125
Greece
116,019
65,045.27
22,583.58
126
US
101,061
66,718.75
24,442.97
127
Germany
103,942
19,466.81
2,887.39
128
UK
151,104
17,258.67
28,174.48
129
Japan
29,361
48,884.00
3,079.85
130
Italy
123,715
32,962.39
23,547.25
131
Greece
29,174
16,639.86
48,865.83
132
US
179,273
24,193.21
7,203.36
133
Germany
78,747
54,363.81
8,773.58
134
UK
140,826
27,936.43
45,750.55
135
Japan
175,824
8,580.35
44,294.50
136
Italy
7,354
23,034.48
790.97
137
Greece
111,007
96,377.07
31,183.12
138
US
127,804
72,168.99
33,231.48
139
Germany
169,252
20,910.39
24,492.82
140
UK
169,706
95,709.38
1,194.66
141
Japan
69,631
47,416.56
28,906.59
142
Italy
62,478
96,243.92
25,175.30
143
Greece
188,316
3,962.75
25,031.92
144
US
75,555
97,243.95
15,152.20
145
Germany
55,788
38,090.83
11,196.55
146
UK
104,494
16,815.14
22,547.36
147
Japan
102,296
81,435.22
8,949.55
148
Italy
96,101
55,545.20
27,194.84
149
Greece
184,257
99,834.69
12,524.42
150
US
63,826
68,217.56
940.84
151
Germany
175,531
38,728.55
30,367.83
152
UK
13,446
6,860.61
6,078.19
153
Japan
96,445
9,140.57
34,016.41
154
Italy
196,171
82,732.22
25,839.55
155
Greece
152,498
61,847.41
40,748.12
156
US
186,906
98,671.11
14,647.34
157
Germany
40,255
61,279.59
19,314.28
158
UK
156,709
32,421.36
39,137.10
159
Japan
86,470
4,381.33
6,923.02
160
Italy
170,894
32,189.32
34,542.19
161
Greece
3,993
53,359.01
5,518.00
162
US
7,815
7,546.77
29,298.97
163
Germany
90,610
95,885.56
3,456.18
164
UK
157,626
74,653.88
46,469.36
165
Japan
169,438
96,480.02
47,234.46
166
Italy
38,603
36,643.56
26,609.69
167
Greece
79,779
21,847.37
43,293.31
168
US
191,984
84,663.58
39,731.22
169
Germany
152,234
605.52
26,845.72
170
UK
83,113
93,328.44
12,174.74
171
Japan
127,701
35,470.04
30,909.63
172
Italy
82,989
58,350.42
8,761.21
173
Greece
127,385
25,771.47
34,404.32
174
US
66,699
2,605.53
17,013.19
175
Germany
170,831
85,345.61
19,603.90
176
UK
68,767
98,023.05
36,909.82
177
Japan
125,759
3,838.09
11,361.27
178
Italy
83,362
89,933.39
49,448.71
179
Greece
8,084
17,472.19
49,260.13
180
US
118,108
63,833.13
9,778.80
181
Germany
169,793
43,096.51
26,283.58
182
UK
154,295
88,709.46
45,909.55
183
Japan
52,869
22,638.32
12,463.74
184
Italy
50,744
78,655.97
4,046.25
185
Greece
58,452
31,729.89
650.69
186
US
173,390
56,584.56
42,194.42
187
Germany
169,571
6,436.99
8,009.02
188
UK
4,276
97,714.40
15,875.75
189
Japan
69,737
80,392.47
2,561.54
190
Italy
139,648
55,744.19
20,736.52
191
Greece
146,838
96,266.12
16,795.88
192
US
12,772
83,523.28
28,715.49
193
Germany
92,739
25,758.89
12,517.43
194
UK
9,009
49,986.48
29,055.00
195
Japan
166,030
68,702.18
39,493.83
196
Italy
155,806
77,255.07
42,043.12
197
Greece
127,956
35,097.51
17,420.89
198
US
43,197
19,502.35
1,885.09
199
Germany
17,007
90,775.53
46,533.45

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
101.3
8.1
$8.1
Germany
124.5
27.4
$7.6
UK
90.0
87.5
$31.1
Japan
62.0
26.0
$45.6
Italy
120.0
98.3
$26.3
Greece
141.9
48.7
$23.1
US
97.7
27.9
$3.0
Germany
120.0
2.6
$12.3
UK
193.0
86.6
$24.3
Japan
75.5
73.2
$40.6
Italy
128.0
49.6
$20.9
Greece
110.3
75.4
$29.6
US
125.0
42.0
$8.8
Germany
11.9
30.8
$34.9
UK
49.7
6.6
$11.6
Japan
5.0
0.4
$49.9
Italy
5.4
66.7
$8.2
Greece
164.4
58.6
$48.5
US
129.3
29.9
$14.1
Germany
157.8
84.4
$7.6
UK
153.2
74.1
$18.0
Japan
117.1
77.7
$24.7
Italy
106.2
28.5
$32.7
Greece
177.1
51.7
$0.0
US
47.6
63.5
$15.8
Germany
140.7
34.6
$29.4
UK
9.2
50.0
$43.1
Japan
129.1
57.8
$32.2
Italy
35.0
61.9
$47.4
Greece
148.4
70.7
$24.3
US
22.6
15.8
$40.6
Germany
167.2
8.9
$23.5
UK
165.4
88.2
$24.7
Japan
80.0
80.9
$33.7
Italy
45.6
67.1
$31.0
Greece
186.6
61.5
$25.0
US
105.3
50.2
$42.3
Germany
133.0
48.4
$35.6
UK
166.5
92.2
$15.4
Japan
177.9
6.6
$19.9
Italy
65.4
29.9
$4.2
Greece
144.6
74.1
$2.4
US
164.3
20.6
$37.3
Germany
135.7
83.9
$9.4
UK
73.1
21.6
$31.4
Japan
170.2
45.3
$7.6
Italy
76.1
4.6
$7.5
Greece
161.6
35.0
$36.1
US
195.2
57.9
$49.3
Germany
69.1
10.0
$40.3
UK
102.9
55.6
$6.0
Japan
53.7
58.0
$48.6
Italy
95.9
32.1
$47.8
Greece
20.4
89.5
$12.5
US
188.0
90.2
$3.9
Germany
166.1
59.0
$0.9
UK
67.1
58.0
$39.9
Japan
164.4
41.2
$26.5
Italy
102.8
82.6
$0.2
Greece
65.1
44.6
$20.0
US
144.6
81.4
$20.8
Germany
182.2
17.6
$35.6
UK
11.6
28.5
$19.5
Japan
137.5
49.6
$0.2
Italy
132.3
83.1
$30.0
Greece
46.8
1.6
$0.2
US
81.9
93.9
$20.0
Germany
167.4
32.2
$41.2
UK
87.4
24.5
$16.8
Japan
78.4
22.8
$33.3
Italy
197.0
86.8
$34.9
Greece
48.8
16.2
$42.7
US
166.0
6.7
$13.6
Germany
48.2
75.7
$5.1
UK
83.7
24.8
$39.2
Japan
128.4
39.0
$17.0
Italy
28.0
98.5
$19.4
Greece
106.6
37.1
$16.7
US
24.0
2.6
$7.9
Germany
61.9
46.1
$49.0
UK
110.2
63.3
$6.0
Japan
180.8
47.1
$30.6
Italy
124.0
67.2
$27.5
Greece
129.0
83.9
$17.8
US
18.0
57.4
$29.2
Germany
168.0
0.6
$45.0
UK
154.8
62.3
$35.0
Japan
13.5
2.8
$29.2
Italy
40.9
30.8
$33.9
Greece
122.8
50.2
$4.4
US
164.7
91.4
$43.3
Germany
173.1
79.7
$22.4
UK
32.7
43.7
$2.3
Japan
187.3
48.4
$35.9
Italy
88.9
15.4
$16.6
Greece
119.9
93.2
$30.8
US
195.4
33.4
$8.2
Germany
111.7
20.6
$48.4
UK
114.1
22.1
$29.6
Japan
46.0
10.8
$33.8
Italy
61.6
53.4
$21.2
Greece
13.2
55.8
$23.2
US
118.7
20.7
$26.6
Germany
1.2
45.0
$41.8
UK
181.0
52.5
$28.4
Japan
160.2
43.1
$33.1
Italy
181.0
59.9
$16.3
Greece
103.0
69.4
$33.1
US
172.2
15.5
$47.2
Germany
13.9
99.8
$27.1
UK
99.7
89.6
$12.6
Japan
140.0
49.6
$27.0
Italy
198.7
97.8
$32.4
Greece
154.3
32.9
$11.8
US
44.9
17.9
$35.9
Germany
197.7
20.9
$16.4
UK
144.7
65.6
$10.0
Japan
193.7
74.8
$48.2
Italy
41.4
72.1
$10.0
Greece
17.8
1.7
$38.6
US
192.8
34.5
$22.4
Germany
47.8
80.9
$17.6
UK
18.3
74.8
$14.5
Japan
69.4
6.6
$3.5
Italy
93.5
77.9
$41.8
Greece
116.0
65.0
$22.6
US
101.1
66.7
$24.4
Germany
103.9
19.5
$2.9
UK
151.1
17.3
$28.2
Japan
29.4
48.9
$3.1
Italy
123.7
33.0
$23.5
Greece
29.2
16.6
$48.9
US
179.3
24.2
$7.2
Germany
78.7
54.4
$8.8
UK
140.8
27.9
$45.8
Japan
175.8
8.6
$44.3
Italy
7.4
23.0
$0.8
Greece
111.0
96.4
$31.2
US
127.8
72.2
$33.2
Germany
169.3
20.9
$24.5
UK
169.7
95.7
$1.2
Japan
69.6
47.4
$28.9
Italy
62.5
96.2
$25.2
Greece
188.3
4.0
$25.0
US
75.6
97.2
$15.2
Germany
55.8
38.1
$11.2
UK
104.5
16.8
$22.5
Japan
102.3
81.4
$8.9
Italy
96.1
55.5
$27.2
Greece
184.3
99.8
$12.5
US
63.8
68.2
$0.9
Germany
175.5
38.7
$30.4
UK
13.4
6.9
$6.1
Japan
96.4
9.1
$34.0
Italy
196.2
82.7
$25.8
Greece
152.5
61.8
$40.7
US
186.9
98.7
$14.6
Germany
40.3
61.3
$19.3
UK
156.7
32.4
$39.1
Japan
86.5
4.4
$6.9
Italy
170.9
32.2
$34.5
Greece
4.0
53.4
$5.5
US
7.8
7.5
$29.3
Germany
90.6
95.9
$3.5
UK
157.6
74.7
$46.5
Japan
169.4
96.5
$47.2
Italy
38.6
36.6
$26.6
Greece
79.8
21.8
$43.3
US
192.0
84.7
$39.7
Germany
152.2
0.6
$26.8
UK
83.1
93.3
$12.2
Japan
127.7
35.5
$30.9
Italy
83.0
58.4
$8.8
Greece
127.4
25.8
$34.4
US
66.7
2.6
$17.0
Germany
170.8
85.3
$19.6
UK
68.8
98.0
$36.9
Japan
125.8
3.8
$11.4
Italy
83.4
89.9
$49.4
Greece
8.1
17.5
$49.3
US
118.1
63.8
$9.8
Germany
169.8
43.1
$26.3
UK
154.3
88.7
$45.9
Japan
52.9
22.6
$12.5
Italy
50.7
78.7
$4.0
Greece
58.5
31.7
$0.7
US
173.4
56.6
$42.2
Germany
169.6
6.4
$8.0
UK
4.3
97.7
$15.9
Japan
69.7
80.4
$2.6
Italy
139.6
55.7
$20.7
Greece
146.8
96.3
$16.8
US
12.8
83.5
$28.7
Germany
92.7
25.8
$12.5
UK
9.0
50.0
$29.1
Japan
166.0
68.7
$39.5
Italy
155.8
77.3
$42.0
Greece
128.0
35.1
$17.4
US
43.2
19.5
$1.9
Germany
17.0
90.8
$46.5

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
101,342
8,146.06
8,118.55
1
Germany
124,454
27,439.21
7,637.66
2
UK
89,966
87,467.39
31,148.22
3
Japan
62,050
25,972.41
45,584.55
4
Italy
119,966
98,342.84
26,335.81
5
Greece
141,869
48,694.51
23,112.90
6
US
97,716
27,909.49
3,028.13
7
Germany
120,034
2,564.08
12,345.40
8
UK
193,039
86,603.90
24,299.30
9
Japan
75,452
73,223.83
40,610.01
10
Italy
127,954
49,561.33
20,946.47
11
Greece
110,304
75,402.46
29,626.69
12
US
125,023
42,040.25
8,797.64
13
Germany
11,942
30,823.47
34,905.83
14
UK
49,671
6,628.23
11,554.21
15
Japan
5,047
380.28
49,912.67
16
Italy
5,399
66,744.83
8,228.47
17
Greece
164,360
58,554.69
48,486.55
18
US
129,344
29,942.41
14,075.49
19
Germany
157,823
84,411.28
7,584.23
20
UK
153,214
74,142.56
17,978.90
21
Japan
117,130
77,690.03
24,698.41
22
Italy
106,176
28,479.29
32,675.88
23
Greece
177,133
51,653.29
21.48
24
US
47,598
63,478.70
15,800.87
25
Germany
140,699
34,601.28
29,374.99
26
UK
9,246
50,002.23
43,143.28
27
Japan
129,094
57,843.91
32,208.70
28
Italy
34,989
61,891.82
47,371.84
29
Greece
148,393
70,730.90
24,347.65
30
US
22,566
15,825.61
40,597.71
31
Germany
167,234
8,874.51
23,501.98
32
UK
165,391
88,238.86
24,691.73
33
Japan
79,977
80,941.90
33,656.45
34
Italy
45,622
67,137.09
31,030.04
35
Greece
186,637
61,528.16
24,977.85
36
US
105,253
50,159.39
42,312.98
37
Germany
133,015
48,350.66
35,626.77
38
UK
166,522
92,178.71
15,409.48
39
Japan
177,867
6,589.95
19,868.93
40
Italy
65,417
29,938.80
4,227.10
41
Greece
144,640
74,099.45
2,410.33
42
US
164,301
20,639.92
37,345.52
43
Germany
135,663
83,891.63
9,445.97
44
UK
73,103
21,573.60
31,399.29
45
Japan
170,180
45,314.16
7,585.99
46
Italy
76,071
4,635.53
7,547.74
47
Greece
161,643
35,006.14
36,059.52
48
US
195,217
57,872.20
49,313.16
49
Germany
69,118
9,998.87
40,268.05
50
UK
102,881
55,628.21
6,027.32
51
Japan
53,714
58,046.16
48,615.89
52
Italy
95,942
32,063.89
47,791.42
53
Greece
20,350
89,476.85
12,518.27
54
US
187,954
90,219.81
3,904.34
55
Germany
166,105
58,979.85
851.71
56
UK
67,104
58,009.67
39,896.88
57
Japan
164,439
41,212.33
26,547.33
58
Italy
102,807
82,578.93
215.66
59
Greece
65,121
44,587.65
20,038.18
60
US
144,611
81,413.08
20,816.26
61
Germany
182,185
17,560.41
35,626.66
62
UK
11,574
28,492.87
19,509.61
63
Japan
137,548
49,589.27
233.62
64
Italy
132,265
83,062.06
30,030.12
65
Greece
46,814
1,563.52
214.27
66
US
81,938
93,906.67
20,003.99
67
Germany
167,443
32,202.65
41,238.89
68
UK
87,385
24,492.97
16,771.54
69
Japan
78,390
22,821.62
33,317.08
70
Italy
196,998
86,773.95
34,878.34
71
Greece
48,796
16,181.36
42,677.70
72
US
166,018
6,668.15
13,565.97
73
Germany
48,237
75,695.33
5,108.92
74
UK
83,722
24,772.86
39,189.69
75
Japan
128,402
39,007.33
16,953.25
76
Italy
27,977
98,516.42
19,441.82
77
Greece
106,627
37,135.73
16,728.49
78
US
24,025
2,607.38
7,902.54
79
Germany
61,868
46,070.70
48,994.28
80
UK
110,236
63,298.34
5,988.19
81
Japan
180,842
47,055.97
30,560.67
82
Italy
124,018
67,239.57
27,455.73
83
Greece
128,979
83,899.72
17,825.97
84
US
18,017
57,448.64
29,218.72
85
Germany
167,951
648.17
44,979.93
86
UK
154,825
62,277.08
34,959.14
87
Japan
13,525
2,844.37
29,238.97
88
Italy
40,898
30,843.30
33,943.78
89
Greece
122,761
50,219.28
4,443.85
90
US
164,734
91,357.36
43,305.80
91
Germany
173,126
79,696.00
22,367.34
92
UK
32,722
43,745.19
2,260.51
93
Japan
187,290
48,427.43
35,879.61
94
Italy
88,861
15,435.78
16,615.18
95
Greece
119,936
93,233.97
30,753.99
96
US
195,440
33,401.01
8,241.33
97
Germany
111,737
20,603.91
48,413.85
98
UK
114,056
22,073.63
29,585.05
99
Japan
45,963
10,761.27
33,843.60
100
Italy
61,582
53,443.96
21,150.53
101
Greece
13,239
55,847.91
23,245.92
102
US
118,658
20,661.39
26,567.84
103
Germany
1,244
45,014.67
41,781.16
104
UK
180,982
52,490.05
28,397.99
105
Japan
160,234
43,148.69
33,119.11
106
Italy
181,004
59,906.24
16,309.79
107
Greece
103,038
69,444.64
33,069.69
108
US
172,226
15,524.70
47,201.62
109
Germany
13,945
99,846.19
27,071.92
110
UK
99,686
89,555.57
12,562.15
111
Japan
139,958
49,637.68
26,953.07
112
Italy
198,673
97,797.29
32,403.27
113
Greece
154,250
32,927.00
11,847.79
114
US
44,899
17,863.23
35,883.64
115
Germany
197,660
20,933.44
16,399.41
116
UK
144,675
65,597.30
10,016.94
117
Japan
193,654
74,842.16
48,199.01
118
Italy
41,430
72,061.22
9,982.52
119
Greece
17,832
1,660.46
38,595.65
120
US
192,753
34,505.63
22,413.89
121
Germany
47,840
80,897.42
17,607.40
122
UK
18,344
74,820.72
14,545.23
123
Japan
69,388
6,587.05
3,542.09
124
Italy
93,488
77,906.66
41,812.30
125
Greece
116,019
65,045.27
22,583.58
126
US
101,061
66,718.75
24,442.97
127
Germany
103,942
19,466.81
2,887.39
128
UK
151,104
17,258.67
28,174.48
129
Japan
29,361
48,884.00
3,079.85
130
Italy
123,715
32,962.39
23,547.25
131
Greece
29,174
16,639.86
48,865.83
132
US
179,273
24,193.21
7,203.36
133
Germany
78,747
54,363.81
8,773.58
134
UK
140,826
27,936.43
45,750.55
135
Japan
175,824
8,580.35
44,294.50
136
Italy
7,354
23,034.48
790.97
137
Greece
111,007
96,377.07
31,183.12
138
US
127,804
72,168.99
33,231.48
139
Germany
169,252
20,910.39
24,492.82
140
UK
169,706
95,709.38
1,194.66
141
Japan
69,631
47,416.56
28,906.59
142
Italy
62,478
96,243.92
25,175.30
143
Greece
188,316
3,962.75
25,031.92
144
US
75,555
97,243.95
15,152.20
145
Germany
55,788
38,090.83
11,196.55
146
UK
104,494
16,815.14
22,547.36
147
Japan
102,296
81,435.22
8,949.55
148
Italy
96,101
55,545.20
27,194.84
149
Greece
184,257
99,834.69
12,524.42
150
US
63,826
68,217.56
940.84
151
Germany
175,531
38,728.55
30,367.83
152
UK
13,446
6,860.61
6,078.19
153
Japan
96,445
9,140.57
34,016.41
154
Italy
196,171
82,732.22
25,839.55
155
Greece
152,498
61,847.41
40,748.12
156
US
186,906
98,671.11
14,647.34
157
Germany
40,255
61,279.59
19,314.28
158
UK
156,709
32,421.36
39,137.10
159
Japan
86,470
4,381.33
6,923.02
160
Italy
170,894
32,189.32
34,542.19
161
Greece
3,993
53,359.01
5,518.00
162
US
7,815
7,546.77
29,298.97
163
Germany
90,610
95,885.56
3,456.18
164
UK
157,626
74,653.88
46,469.36
165
Japan
169,438
96,480.02
47,234.46
166
Italy
38,603
36,643.56
26,609.69
167
Greece
79,779
21,847.37
43,293.31
168
US
191,984
84,663.58
39,731.22
169
Germany
152,234
605.52
26,845.72
170
UK
83,113
93,328.44
12,174.74
171
Japan
127,701
35,470.04
30,909.63
172
Italy
82,989
58,350.42
8,761.21
173
Greece
127,385
25,771.47
34,404.32
174
US
66,699
2,605.53
17,013.19
175
Germany
170,831
85,345.61
19,603.90
176
UK
68,767
98,023.05
36,909.82
177
Japan
125,759
3,838.09
11,361.27
178
Italy
83,362
89,933.39
49,448.71
179
Greece
8,084
17,472.19
49,260.13
180
US
118,108
63,833.13
9,778.80
181
Germany
169,793
43,096.51
26,283.58
182
UK
154,295
88,709.46
45,909.55
183
Japan
52,869
22,638.32
12,463.74
184
Italy
50,744
78,655.97
4,046.25
185
Greece
58,452
31,729.89
650.69
186
US
173,390
56,584.56
42,194.42
187
Germany
169,571
6,436.99
8,009.02
188
UK
4,276
97,714.40
15,875.75
189
Japan
69,737
80,392.47
2,561.54
190
Italy
139,648
55,744.19
20,736.52
191
Greece
146,838
96,266.12
16,795.88
192
US
12,772
83,523.28
28,715.49
193
Germany
92,739
25,758.89
12,517.43
194
UK
9,009
49,986.48
29,055.00
195
Japan
166,030
68,702.18
39,493.83
196
Italy
155,806
77,255.07
42,043.12
197
Greece
127,956
35,097.51
17,420.89
198
US
43,197
19,502.35
1,885.09
199
Germany
17,007
90,775.53
46,533.45
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>