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
137,207
44,400.24
33,484.66
1
Germany
124,183
3,065.83
21,724.59
2
UK
158,891
32,164.06
23,756.03
3
Japan
111,890
94,648.18
41,723.75
4
Italy
156,061
39,044.18
32,216.67
5
Greece
113,043
36,347.05
37,265.45
6
US
65,954
87,318.28
6,125.28
7
Germany
72,279
3,749.43
38,808.91
8
UK
56,496
57,955.36
19,789.03
9
Japan
113,332
19,200.25
2,719.79
10
Italy
113,558
85,229.96
37,466.28
11
Greece
108,764
44,949.12
1,672.63
12
US
193,195
23,297.55
17,606.45
13
Germany
113,316
72,354.18
12,649.00
14
UK
31,882
80,603.93
10,660.55
15
Japan
127,819
97,729.28
47,518.77
16
Italy
135,380
40,764.95
44,312.45
17
Greece
160,695
48,332.93
6,254.85
18
US
69,118
53,033.15
39,002.65
19
Germany
164,437
43,676.56
5,511.96
20
UK
74,669
19,748.86
16,028.27
21
Japan
198,147
54,710.12
26,377.90
22
Italy
126,669
6,448.03
2,271.53
23
Greece
184,414
66,113.83
38,837.00
24
US
161,717
97,758.53
34,256.26
25
Germany
182,011
16,350.47
44,830.33
26
UK
3,798
57,591.16
27,189.80
27
Japan
21,263
92,872.23
22,365.38
28
Italy
57,052
69,719.06
18,491.96
29
Greece
198,868
5,269.75
15,294.40
30
US
131,426
87,293.87
18,234.46
31
Germany
152,018
49,352.18
3,420.70
32
UK
53,961
33,426.19
14,681.52
33
Japan
148,140
61,323.10
2,212.79
34
Italy
192,617
17,075.19
19,165.26
35
Greece
78,433
68,680.88
3,864.53
36
US
86,639
8,461.90
2,132.78
37
Germany
92,848
71,881.70
45,770.71
38
UK
44,480
78,111.64
2,110.98
39
Japan
88,497
93,066.45
15,176.59
40
Italy
186,849
36,363.79
36,500.16
41
Greece
119,512
44,635.11
19,800.74
42
US
53,202
82,180.71
40,649.93
43
Germany
1,261
58,518.17
23,510.48
44
UK
68,563
79,754.42
10,268.70
45
Japan
124,738
56,286.03
3,577.10
46
Italy
162,848
4,031.58
49,111.74
47
Greece
1,111
75,324.07
6,599.79
48
US
114,450
36,436.78
35,691.90
49
Germany
104,581
51,587.52
10,240.71
50
UK
16,488
19,816.89
29,834.46
51
Japan
16,805
37,316.99
15,925.13
52
Italy
169,753
49,638.69
32,545.55
53
Greece
166,193
252.05
11,958.68
54
US
189,601
84,036.61
39,672.93
55
Germany
42,239
98,013.41
37,262.27
56
UK
23,771
98,528.02
4,801.54
57
Japan
109,197
52,698.79
11,712.76
58
Italy
150,737
96,657.42
19,657.71
59
Greece
151,810
32,459.35
7,932.75
60
US
8,869
5,235.89
23,962.15
61
Germany
20,784
77,399.33
26,839.45
62
UK
32,994
65,386.07
44,876.28
63
Japan
181,064
29,721.67
23,222.88
64
Italy
31,063
7,308.89
38,376.92
65
Greece
153,395
37,159.65
31,126.77
66
US
145,655
52,918.13
19,817.21
67
Germany
77,328
7,049.90
9,141.91
68
UK
101,976
82,164.15
46,211.57
69
Japan
59,920
81,200.95
25,752.24
70
Italy
50,838
17,615.94
32,249.84
71
Greece
12,116
74,032.34
8,770.80
72
US
188,112
76,341.17
4,561.07
73
Germany
26,843
72,442.14
42,470.56
74
UK
58,303
91,603.18
33,526.08
75
Japan
125,855
7,495.98
11,444.73
76
Italy
33,195
33,384.52
21,917.80
77
Greece
30,600
81,344.86
38,579.80
78
US
5,200
79,610.17
27,027.32
79
Germany
184,348
29,842.37
32,341.67
80
UK
89,771
2,417.62
47,573.07
81
Japan
16,229
3,372.92
28,732.85
82
Italy
2,455
93,198.97
37,797.13
83
Greece
133,476
78,411.24
28,737.10
84
US
30,243
86,255.62
397.85
85
Germany
167,915
39,877.13
21,242.42
86
UK
117,299
12,181.63
19,780.53
87
Japan
65,869
3,368.28
7,748.00
88
Italy
180,273
92,508.66
45,130.53
89
Greece
117,037
27,064.49
45,508.49
90
US
195,560
84,821.65
34,388.22
91
Germany
80,669
38,653.32
28,556.95
92
UK
124,845
86,552.25
27,622.31
93
Japan
50,949
11,608.30
32,112.88
94
Italy
143,488
66,484.77
13,820.57
95
Greece
154,375
53,216.72
1,510.83
96
US
102,818
56,188.48
17,783.29
97
Germany
99,621
82,357.05
42,314.01
98
UK
58,611
20,970.89
20,624.47
99
Japan
44,391
7,348.15
23,922.14
100
Italy
29,648
85,513.12
28,205.72
101
Greece
172,099
2,116.93
19,769.36
102
US
44,126
2,473.68
31,239.61
103
Germany
163,853
66,459.42
38,111.70
104
UK
56,125
12,718.94
27,950.82
105
Japan
101,790
47,466.44
16,425.66
106
Italy
39,278
9,588.22
31,485.29
107
Greece
47,624
23,076.07
12,715.61
108
US
80,921
20,312.85
33,775.16
109
Germany
13,265
29,829.11
1,191.32
110
UK
185,115
16,220.36
18,266.32
111
Japan
100,021
65,935.94
45,612.58
112
Italy
184,296
72,269.14
38,943.75
113
Greece
198,413
57,512.66
44,964.14
114
US
170,895
10,914.53
43,665.26
115
Germany
87,971
70,968.47
45,139.82
116
UK
156,640
62,414.55
14,647.87
117
Japan
147,787
15,392.77
21,131.96
118
Italy
119,161
88,454.09
23,388.16
119
Greece
85,206
36,425.68
8,736.21
120
US
131,449
48,762.98
9,363.60
121
Germany
61,341
40,307.22
33,778.55
122
UK
11,935
29,581.69
24,978.03
123
Japan
98,854
99,475.23
29,244.31
124
Italy
113,859
20,987.72
16,250.37
125
Greece
133,456
18,886.47
35,937.89
126
US
134,564
30,814.04
21,151.16
127
Germany
171,925
25,888.68
20,107.63
128
UK
154,608
9,855.86
40,036.39
129
Japan
77,975
54,807.50
37,890.91
130
Italy
102,472
27,655.22
23,547.40
131
Greece
140,606
49,443.86
22,144.86
132
US
161,759
11,329.38
34,478.85
133
Germany
74,257
22,961.78
2,181.78
134
UK
155,009
66,310.73
43,851.68
135
Japan
80,759
76,756.23
34,677.92
136
Italy
132,409
25,637.39
17,274.08
137
Greece
47,904
77,047.52
32,125.19
138
US
49,176
50,502.90
35,350.56
139
Germany
130,072
62,460.38
15,243.49
140
UK
198,911
33,359.04
33,336.28
141
Japan
41,723
42,684.91
30,439.14
142
Italy
188,590
91,265.35
14,496.48
143
Greece
50,326
87,363.12
21,283.72
144
US
72,934
16,835.74
34,297.76
145
Germany
11,196
25,691.32
9,189.54
146
UK
14,330
32,134.56
15,520.63
147
Japan
76,513
49,031.93
14,014.88
148
Italy
3,930
86,422.24
11,515.56
149
Greece
105,314
65,791.19
29,622.68
150
US
109,211
93,456.10
40,081.41
151
Germany
111,609
95,192.92
20,299.44
152
UK
76,722
5,954.83
5,143.45
153
Japan
79,612
73,065.23
33,053.53
154
Italy
67,328
44,326.77
28,852.47
155
Greece
129,980
58,387.88
23,800.86
156
US
53,279
19,940.96
7,825.98
157
Germany
10,721
45,887.70
35,669.59
158
UK
122,822
44,448.42
48,357.70
159
Japan
155,524
60,195.19
21,271.44
160
Italy
63,945
33,713.49
13,565.70
161
Greece
106,543
74,740.87
18,874.89
162
US
141,673
59,888.15
14,960.94
163
Germany
113,952
36,652.73
24,411.34
164
UK
83,329
2,125.51
35,828.45
165
Japan
138,581
80,032.45
2,306.73
166
Italy
196,562
61,387.50
168.49
167
Greece
131,148
55,034.96
32,452.60
168
US
106,490
95,879.96
33,066.44
169
Germany
164,014
90,546.89
44,966.92
170
UK
178,236
15,131.03
6,373.18
171
Japan
16,282
83,442.63
32,161.23
172
Italy
173,835
48,911.57
14,113.01
173
Greece
96,911
18,318.01
42,845.49
174
US
88,235
12,719.14
49,716.36
175
Germany
115,914
53,558.15
702.77
176
UK
163,120
12,552.71
22,327.81
177
Japan
49,432
15,855.46
18,762.98
178
Italy
185,827
58,746.45
40,898.73
179
Greece
12,391
28,096.24
16,866.73
180
US
196,176
81,886.00
29,497.18
181
Germany
70,700
91,591.38
37,114.69
182
UK
55,161
27,547.25
7,084.07
183
Japan
42,169
77,363.16
5,422.31
184
Italy
12,255
49,159.28
28,886.25
185
Greece
146,137
49,899.74
32,490.39
186
US
152,732
88,302.80
26,748.01
187
Germany
69,019
21,725.45
48,472.77
188
UK
195,603
1,615.51
10,125.93
189
Japan
142,872
41,117.19
43,717.33
190
Italy
192,472
97,970.61
40,374.72
191
Greece
66,462
4,624.70
27,382.66
192
US
70,418
98,534.56
5,820.18
193
Germany
25,341
42,109.92
16,746.89
194
UK
183,507
76,051.34
29,948.42
195
Japan
99,769
39,524.95
48,582.29
196
Italy
27,360
16,369.91
15,022.57
197
Greece
17,054
93,714.38
34,041.36
198
US
150,384
99,996.60
35,178.60
199
Germany
178,423
21,090.44
37,785.64
Id
Country
Active
Downloads
Sales
Expenses
0
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
137.2
44.4
$33.5
Germany
124.2
3.1
$21.7
UK
158.9
32.2
$23.8
Japan
111.9
94.6
$41.7
Italy
156.1
39.0
$32.2
Greece
113.0
36.3
$37.3
US
66.0
87.3
$6.1
Germany
72.3
3.7
$38.8
UK
56.5
58.0
$19.8
Japan
113.3
19.2
$2.7
Italy
113.6
85.2
$37.5
Greece
108.8
44.9
$1.7
US
193.2
23.3
$17.6
Germany
113.3
72.4
$12.6
UK
31.9
80.6
$10.7
Japan
127.8
97.7
$47.5
Italy
135.4
40.8
$44.3
Greece
160.7
48.3
$6.3
US
69.1
53.0
$39.0
Germany
164.4
43.7
$5.5
UK
74.7
19.7
$16.0
Japan
198.1
54.7
$26.4
Italy
126.7
6.4
$2.3
Greece
184.4
66.1
$38.8
US
161.7
97.8
$34.3
Germany
182.0
16.4
$44.8
UK
3.8
57.6
$27.2
Japan
21.3
92.9
$22.4
Italy
57.1
69.7
$18.5
Greece
198.9
5.3
$15.3
US
131.4
87.3
$18.2
Germany
152.0
49.4
$3.4
UK
54.0
33.4
$14.7
Japan
148.1
61.3
$2.2
Italy
192.6
17.1
$19.2
Greece
78.4
68.7
$3.9
US
86.6
8.5
$2.1
Germany
92.8
71.9
$45.8
UK
44.5
78.1
$2.1
Japan
88.5
93.1
$15.2
Italy
186.8
36.4
$36.5
Greece
119.5
44.6
$19.8
US
53.2
82.2
$40.6
Germany
1.3
58.5
$23.5
UK
68.6
79.8
$10.3
Japan
124.7
56.3
$3.6
Italy
162.8
4.0
$49.1
Greece
1.1
75.3
$6.6
US
114.5
36.4
$35.7
Germany
104.6
51.6
$10.2
UK
16.5
19.8
$29.8
Japan
16.8
37.3
$15.9
Italy
169.8
49.6
$32.5
Greece
166.2
0.3
$12.0
US
189.6
84.0
$39.7
Germany
42.2
98.0
$37.3
UK
23.8
98.5
$4.8
Japan
109.2
52.7
$11.7
Italy
150.7
96.7
$19.7
Greece
151.8
32.5
$7.9
US
8.9
5.2
$24.0
Germany
20.8
77.4
$26.8
UK
33.0
65.4
$44.9
Japan
181.1
29.7
$23.2
Italy
31.1
7.3
$38.4
Greece
153.4
37.2
$31.1
US
145.7
52.9
$19.8
Germany
77.3
7.0
$9.1
UK
102.0
82.2
$46.2
Japan
59.9
81.2
$25.8
Italy
50.8
17.6
$32.2
Greece
12.1
74.0
$8.8
US
188.1
76.3
$4.6
Germany
26.8
72.4
$42.5
UK
58.3
91.6
$33.5
Japan
125.9
7.5
$11.4
Italy
33.2
33.4
$21.9
Greece
30.6
81.3
$38.6
US
5.2
79.6
$27.0
Germany
184.3
29.8
$32.3
UK
89.8
2.4
$47.6
Japan
16.2
3.4
$28.7
Italy
2.5
93.2
$37.8
Greece
133.5
78.4
$28.7
US
30.2
86.3
$0.4
Germany
167.9
39.9
$21.2
UK
117.3
12.2
$19.8
Japan
65.9
3.4
$7.7
Italy
180.3
92.5
$45.1
Greece
117.0
27.1
$45.5
US
195.6
84.8
$34.4
Germany
80.7
38.7
$28.6
UK
124.8
86.6
$27.6
Japan
50.9
11.6
$32.1
Italy
143.5
66.5
$13.8
Greece
154.4
53.2
$1.5
US
102.8
56.2
$17.8
Germany
99.6
82.4
$42.3
UK
58.6
21.0
$20.6
Japan
44.4
7.3
$23.9
Italy
29.6
85.5
$28.2
Greece
172.1
2.1
$19.8
US
44.1
2.5
$31.2
Germany
163.9
66.5
$38.1
UK
56.1
12.7
$28.0
Japan
101.8
47.5
$16.4
Italy
39.3
9.6
$31.5
Greece
47.6
23.1
$12.7
US
80.9
20.3
$33.8
Germany
13.3
29.8
$1.2
UK
185.1
16.2
$18.3
Japan
100.0
65.9
$45.6
Italy
184.3
72.3
$38.9
Greece
198.4
57.5
$45.0
US
170.9
10.9
$43.7
Germany
88.0
71.0
$45.1
UK
156.6
62.4
$14.6
Japan
147.8
15.4
$21.1
Italy
119.2
88.5
$23.4
Greece
85.2
36.4
$8.7
US
131.4
48.8
$9.4
Germany
61.3
40.3
$33.8
UK
11.9
29.6
$25.0
Japan
98.9
99.5
$29.2
Italy
113.9
21.0
$16.3
Greece
133.5
18.9
$35.9
US
134.6
30.8
$21.2
Germany
171.9
25.9
$20.1
UK
154.6
9.9
$40.0
Japan
78.0
54.8
$37.9
Italy
102.5
27.7
$23.5
Greece
140.6
49.4
$22.1
US
161.8
11.3
$34.5
Germany
74.3
23.0
$2.2
UK
155.0
66.3
$43.9
Japan
80.8
76.8
$34.7
Italy
132.4
25.6
$17.3
Greece
47.9
77.0
$32.1
US
49.2
50.5
$35.4
Germany
130.1
62.5
$15.2
UK
198.9
33.4
$33.3
Japan
41.7
42.7
$30.4
Italy
188.6
91.3
$14.5
Greece
50.3
87.4
$21.3
US
72.9
16.8
$34.3
Germany
11.2
25.7
$9.2
UK
14.3
32.1
$15.5
Japan
76.5
49.0
$14.0
Italy
3.9
86.4
$11.5
Greece
105.3
65.8
$29.6
US
109.2
93.5
$40.1
Germany
111.6
95.2
$20.3
UK
76.7
6.0
$5.1
Japan
79.6
73.1
$33.1
Italy
67.3
44.3
$28.9
Greece
130.0
58.4
$23.8
US
53.3
19.9
$7.8
Germany
10.7
45.9
$35.7
UK
122.8
44.4
$48.4
Japan
155.5
60.2
$21.3
Italy
63.9
33.7
$13.6
Greece
106.5
74.7
$18.9
US
141.7
59.9
$15.0
Germany
114.0
36.7
$24.4
UK
83.3
2.1
$35.8
Japan
138.6
80.0
$2.3
Italy
196.6
61.4
$0.2
Greece
131.1
55.0
$32.5
US
106.5
95.9
$33.1
Germany
164.0
90.5
$45.0
UK
178.2
15.1
$6.4
Japan
16.3
83.4
$32.2
Italy
173.8
48.9
$14.1
Greece
96.9
18.3
$42.8
US
88.2
12.7
$49.7
Germany
115.9
53.6
$0.7
UK
163.1
12.6
$22.3
Japan
49.4
15.9
$18.8
Italy
185.8
58.7
$40.9
Greece
12.4
28.1
$16.9
US
196.2
81.9
$29.5
Germany
70.7
91.6
$37.1
UK
55.2
27.5
$7.1
Japan
42.2
77.4
$5.4
Italy
12.3
49.2
$28.9
Greece
146.1
49.9
$32.5
US
152.7
88.3
$26.7
Germany
69.0
21.7
$48.5
UK
195.6
1.6
$10.1
Japan
142.9
41.1
$43.7
Italy
192.5
98.0
$40.4
Greece
66.5
4.6
$27.4
US
70.4
98.5
$5.8
Germany
25.3
42.1
$16.7
UK
183.5
76.1
$29.9
Japan
99.8
39.5
$48.6
Italy
27.4
16.4
$15.0
Greece
17.1
93.7
$34.0
US
150.4
100.0
$35.2
Germany
178.4
21.1
$37.8
Country
Downloads (k)
Sales (k)
Expenses (k)
0
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
137,207
44,400.24
33,484.66
1
Germany
124,183
3,065.83
21,724.59
2
UK
158,891
32,164.06
23,756.03
3
Japan
111,890
94,648.18
41,723.75
4
Italy
156,061
39,044.18
32,216.67
5
Greece
113,043
36,347.05
37,265.45
6
US
65,954
87,318.28
6,125.28
7
Germany
72,279
3,749.43
38,808.91
8
UK
56,496
57,955.36
19,789.03
9
Japan
113,332
19,200.25
2,719.79
10
Italy
113,558
85,229.96
37,466.28
11
Greece
108,764
44,949.12
1,672.63
12
US
193,195
23,297.55
17,606.45
13
Germany
113,316
72,354.18
12,649.00
14
UK
31,882
80,603.93
10,660.55
15
Japan
127,819
97,729.28
47,518.77
16
Italy
135,380
40,764.95
44,312.45
17
Greece
160,695
48,332.93
6,254.85
18
US
69,118
53,033.15
39,002.65
19
Germany
164,437
43,676.56
5,511.96
20
UK
74,669
19,748.86
16,028.27
21
Japan
198,147
54,710.12
26,377.90
22
Italy
126,669
6,448.03
2,271.53
23
Greece
184,414
66,113.83
38,837.00
24
US
161,717
97,758.53
34,256.26
25
Germany
182,011
16,350.47
44,830.33
26
UK
3,798
57,591.16
27,189.80
27
Japan
21,263
92,872.23
22,365.38
28
Italy
57,052
69,719.06
18,491.96
29
Greece
198,868
5,269.75
15,294.40
30
US
131,426
87,293.87
18,234.46
31
Germany
152,018
49,352.18
3,420.70
32
UK
53,961
33,426.19
14,681.52
33
Japan
148,140
61,323.10
2,212.79
34
Italy
192,617
17,075.19
19,165.26
35
Greece
78,433
68,680.88
3,864.53
36
US
86,639
8,461.90
2,132.78
37
Germany
92,848
71,881.70
45,770.71
38
UK
44,480
78,111.64
2,110.98
39
Japan
88,497
93,066.45
15,176.59
40
Italy
186,849
36,363.79
36,500.16
41
Greece
119,512
44,635.11
19,800.74
42
US
53,202
82,180.71
40,649.93
43
Germany
1,261
58,518.17
23,510.48
44
UK
68,563
79,754.42
10,268.70
45
Japan
124,738
56,286.03
3,577.10
46
Italy
162,848
4,031.58
49,111.74
47
Greece
1,111
75,324.07
6,599.79
48
US
114,450
36,436.78
35,691.90
49
Germany
104,581
51,587.52
10,240.71
50
UK
16,488
19,816.89
29,834.46
51
Japan
16,805
37,316.99
15,925.13
52
Italy
169,753
49,638.69
32,545.55
53
Greece
166,193
252.05
11,958.68
54
US
189,601
84,036.61
39,672.93
55
Germany
42,239
98,013.41
37,262.27
56
UK
23,771
98,528.02
4,801.54
57
Japan
109,197
52,698.79
11,712.76
58
Italy
150,737
96,657.42
19,657.71
59
Greece
151,810
32,459.35
7,932.75
60
US
8,869
5,235.89
23,962.15
61
Germany
20,784
77,399.33
26,839.45
62
UK
32,994
65,386.07
44,876.28
63
Japan
181,064
29,721.67
23,222.88
64
Italy
31,063
7,308.89
38,376.92
65
Greece
153,395
37,159.65
31,126.77
66
US
145,655
52,918.13
19,817.21
67
Germany
77,328
7,049.90
9,141.91
68
UK
101,976
82,164.15
46,211.57
69
Japan
59,920
81,200.95
25,752.24
70
Italy
50,838
17,615.94
32,249.84
71
Greece
12,116
74,032.34
8,770.80
72
US
188,112
76,341.17
4,561.07
73
Germany
26,843
72,442.14
42,470.56
74
UK
58,303
91,603.18
33,526.08
75
Japan
125,855
7,495.98
11,444.73
76
Italy
33,195
33,384.52
21,917.80
77
Greece
30,600
81,344.86
38,579.80
78
US
5,200
79,610.17
27,027.32
79
Germany
184,348
29,842.37
32,341.67
80
UK
89,771
2,417.62
47,573.07
81
Japan
16,229
3,372.92
28,732.85
82
Italy
2,455
93,198.97
37,797.13
83
Greece
133,476
78,411.24
28,737.10
84
US
30,243
86,255.62
397.85
85
Germany
167,915
39,877.13
21,242.42
86
UK
117,299
12,181.63
19,780.53
87
Japan
65,869
3,368.28
7,748.00
88
Italy
180,273
92,508.66
45,130.53
89
Greece
117,037
27,064.49
45,508.49
90
US
195,560
84,821.65
34,388.22
91
Germany
80,669
38,653.32
28,556.95
92
UK
124,845
86,552.25
27,622.31
93
Japan
50,949
11,608.30
32,112.88
94
Italy
143,488
66,484.77
13,820.57
95
Greece
154,375
53,216.72
1,510.83
96
US
102,818
56,188.48
17,783.29
97
Germany
99,621
82,357.05
42,314.01
98
UK
58,611
20,970.89
20,624.47
99
Japan
44,391
7,348.15
23,922.14
100
Italy
29,648
85,513.12
28,205.72
101
Greece
172,099
2,116.93
19,769.36
102
US
44,126
2,473.68
31,239.61
103
Germany
163,853
66,459.42
38,111.70
104
UK
56,125
12,718.94
27,950.82
105
Japan
101,790
47,466.44
16,425.66
106
Italy
39,278
9,588.22
31,485.29
107
Greece
47,624
23,076.07
12,715.61
108
US
80,921
20,312.85
33,775.16
109
Germany
13,265
29,829.11
1,191.32
110
UK
185,115
16,220.36
18,266.32
111
Japan
100,021
65,935.94
45,612.58
112
Italy
184,296
72,269.14
38,943.75
113
Greece
198,413
57,512.66
44,964.14
114
US
170,895
10,914.53
43,665.26
115
Germany
87,971
70,968.47
45,139.82
116
UK
156,640
62,414.55
14,647.87
117
Japan
147,787
15,392.77
21,131.96
118
Italy
119,161
88,454.09
23,388.16
119
Greece
85,206
36,425.68
8,736.21
120
US
131,449
48,762.98
9,363.60
121
Germany
61,341
40,307.22
33,778.55
122
UK
11,935
29,581.69
24,978.03
123
Japan
98,854
99,475.23
29,244.31
124
Italy
113,859
20,987.72
16,250.37
125
Greece
133,456
18,886.47
35,937.89
126
US
134,564
30,814.04
21,151.16
127
Germany
171,925
25,888.68
20,107.63
128
UK
154,608
9,855.86
40,036.39
129
Japan
77,975
54,807.50
37,890.91
130
Italy
102,472
27,655.22
23,547.40
131
Greece
140,606
49,443.86
22,144.86
132
US
161,759
11,329.38
34,478.85
133
Germany
74,257
22,961.78
2,181.78
134
UK
155,009
66,310.73
43,851.68
135
Japan
80,759
76,756.23
34,677.92
136
Italy
132,409
25,637.39
17,274.08
137
Greece
47,904
77,047.52
32,125.19
138
US
49,176
50,502.90
35,350.56
139
Germany
130,072
62,460.38
15,243.49
140
UK
198,911
33,359.04
33,336.28
141
Japan
41,723
42,684.91
30,439.14
142
Italy
188,590
91,265.35
14,496.48
143
Greece
50,326
87,363.12
21,283.72
144
US
72,934
16,835.74
34,297.76
145
Germany
11,196
25,691.32
9,189.54
146
UK
14,330
32,134.56
15,520.63
147
Japan
76,513
49,031.93
14,014.88
148
Italy
3,930
86,422.24
11,515.56
149
Greece
105,314
65,791.19
29,622.68
150
US
109,211
93,456.10
40,081.41
151
Germany
111,609
95,192.92
20,299.44
152
UK
76,722
5,954.83
5,143.45
153
Japan
79,612
73,065.23
33,053.53
154
Italy
67,328
44,326.77
28,852.47
155
Greece
129,980
58,387.88
23,800.86
156
US
53,279
19,940.96
7,825.98
157
Germany
10,721
45,887.70
35,669.59
158
UK
122,822
44,448.42
48,357.70
159
Japan
155,524
60,195.19
21,271.44
160
Italy
63,945
33,713.49
13,565.70
161
Greece
106,543
74,740.87
18,874.89
162
US
141,673
59,888.15
14,960.94
163
Germany
113,952
36,652.73
24,411.34
164
UK
83,329
2,125.51
35,828.45
165
Japan
138,581
80,032.45
2,306.73
166
Italy
196,562
61,387.50
168.49
167
Greece
131,148
55,034.96
32,452.60
168
US
106,490
95,879.96
33,066.44
169
Germany
164,014
90,546.89
44,966.92
170
UK
178,236
15,131.03
6,373.18
171
Japan
16,282
83,442.63
32,161.23
172
Italy
173,835
48,911.57
14,113.01
173
Greece
96,911
18,318.01
42,845.49
174
US
88,235
12,719.14
49,716.36
175
Germany
115,914
53,558.15
702.77
176
UK
163,120
12,552.71
22,327.81
177
Japan
49,432
15,855.46
18,762.98
178
Italy
185,827
58,746.45
40,898.73
179
Greece
12,391
28,096.24
16,866.73
180
US
196,176
81,886.00
29,497.18
181
Germany
70,700
91,591.38
37,114.69
182
UK
55,161
27,547.25
7,084.07
183
Japan
42,169
77,363.16
5,422.31
184
Italy
12,255
49,159.28
28,886.25
185
Greece
146,137
49,899.74
32,490.39
186
US
152,732
88,302.80
26,748.01
187
Germany
69,019
21,725.45
48,472.77
188
UK
195,603
1,615.51
10,125.93
189
Japan
142,872
41,117.19
43,717.33
190
Italy
192,472
97,970.61
40,374.72
191
Greece
66,462
4,624.70
27,382.66
192
US
70,418
98,534.56
5,820.18
193
Germany
25,341
42,109.92
16,746.89
194
UK
183,507
76,051.34
29,948.42
195
Japan
99,769
39,524.95
48,582.29
196
Italy
27,360
16,369.91
15,022.57
197
Greece
17,054
93,714.38
34,041.36
198
US
150,384
99,996.60
35,178.60
199
Germany
178,423
21,090.44
37,785.64
Id
Country
Active
Downloads
Sales
Expenses
0
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> |