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
197,651
92,541.01
37,355.74
1
Germany
4,765
46,763.17
16,351.13
2
UK
186,187
98,109.52
31,828.76
3
Japan
138,982
19,902.66
16,023.20
4
Italy
10,593
90,422.16
42,659.58
5
Greece
146,460
40,883.17
30,682.57
6
US
41,259
85,210.48
29,012.17
7
Germany
285
56,285.29
28,057.96
8
UK
159,788
38,587.46
22,761.70
9
Japan
178,981
87,187.33
39,437.87
10
Italy
46,960
17,723.51
10,239.70
11
Greece
140,245
12,016.79
386.65
12
US
116,868
13,298.28
48,372.87
13
Germany
164,589
3,311.37
2,323.17
14
UK
128,023
7,055.60
47,175.30
15
Japan
129,156
97,950.07
25,121.81
16
Italy
1,328
59,864.95
6,265.92
17
Greece
155,644
1,543.40
35,959.73
18
US
180,783
72,363.77
13,474.30
19
Germany
14,714
1,155.61
21,323.49
20
UK
36,919
7,053.45
15,880.05
21
Japan
42,506
3,019.31
36,854.40
22
Italy
118,751
27,855.99
24,448.60
23
Greece
40,113
77,468.31
10,380.53
24
US
64,801
47,684.35
14,286.63
25
Germany
147,372
77,928.66
14,173.27
26
UK
95,674
92,096.93
19,322.56
27
Japan
122,983
86,393.54
25,801.67
28
Italy
108,620
38,607.04
48,683.40
29
Greece
75,084
54,785.63
33,827.59
30
US
111,330
55,057.50
18,746.51
31
Germany
116,425
51,946.30
19,385.10
32
UK
67,531
99,195.56
24,034.28
33
Japan
61,985
60,694.91
15,406.99
34
Italy
187,275
41,483.40
45,604.65
35
Greece
146,157
23,122.72
37,217.17
36
US
24,713
29,501.89
5,608.70
37
Germany
92,617
19,145.09
6,633.70
38
UK
109,704
62,259.99
48,772.86
39
Japan
62,051
80,088.59
47,547.02
40
Italy
92,105
78,510.06
48,835.52
41
Greece
102,321
61,531.67
10,665.23
42
US
42,360
9,282.77
24,601.91
43
Germany
193,181
25,278.73
33,951.02
44
UK
147,285
57,015.70
44,416.84
45
Japan
109,960
43,559.96
20,382.20
46
Italy
132,432
86,554.50
26,247.68
47
Greece
35,489
86,360.08
45,940.10
48
US
85,065
87,369.17
49,279.54
49
Germany
48,000
16,564.06
43,189.10
50
UK
154,781
72,288.82
16,808.03
51
Japan
158,419
8,956.74
24,460.89
52
Italy
157,494
46,176.76
18,621.23
53
Greece
153,203
47,655.63
16,801.72
54
US
100,068
83,634.84
25,544.62
55
Germany
193,956
53,487.32
17,600.83
56
UK
7,165
61,923.62
35,702.52
57
Japan
172,125
55,385.41
27,904.39
58
Italy
131,767
23,921.79
17,796.27
59
Greece
138,298
2,367.05
31,730.94
60
US
26,656
85,507.11
48,318.51
61
Germany
56,009
56,039.68
14,450.10
62
UK
122,894
67,412.60
29,596.99
63
Japan
61,372
28,216.95
4,114.43
64
Italy
158,545
28,728.85
14,826.56
65
Greece
115,841
74,696.31
34,432.61
66
US
14,706
3,781.60
529.49
67
Germany
183,024
31,038.49
34,599.25
68
UK
4,818
13,184.28
48,757.58
69
Japan
36,596
2,777.88
45,114.11
70
Italy
156,476
16,812.90
15,175.05
71
Greece
132,373
82,045.87
1,158.86
72
US
12,776
87,902.39
30,536.12
73
Germany
7,773
24,307.15
4,633.42
74
UK
122,382
92,298.31
1,036.92
75
Japan
46,233
6,117.35
35,168.02
76
Italy
198,175
49,693.18
11,675.28
77
Greece
62,733
38,419.93
14,569.50
78
US
83,899
13,224.32
30,035.81
79
Germany
131,807
16,861.77
25,171.24
80
UK
186,739
54,569.18
20,337.03
81
Japan
5,881
3,777.38
7,923.67
82
Italy
160,873
12,176.07
48,326.19
83
Greece
89,452
65,036.73
5,242.89
84
US
113,946
38,437.67
9,666.03
85
Germany
44,749
84,527.14
42,241.29
86
UK
10,337
70,578.15
3,215.67
87
Japan
117,250
19,887.69
10,459.47
88
Italy
19,703
83,439.50
20,020.73
89
Greece
72,891
67,204.30
37,669.55
90
US
130,654
55,231.51
42,263.47
91
Germany
24,046
25,133.00
24,030.18
92
UK
7,791
55,215.90
45,759.73
93
Japan
184,251
57,507.94
910.49
94
Italy
20,329
43,812.88
24,381.29
95
Greece
121,189
50,510.54
28,599.59
96
US
44,560
5,631.86
21,964.71
97
Germany
53,330
94,616.74
21,255.29
98
UK
79,908
62,546.87
48,154.20
99
Japan
88,929
4,361.28
2,076.28
100
Italy
198,325
68,719.76
40,107.33
101
Greece
192,840
13,780.14
22,208.74
102
US
76,733
72,788.29
34,999.73
103
Germany
68,995
11,314.42
2,666.07
104
UK
93,445
89,620.61
21,800.49
105
Japan
73,032
58,123.54
6,204.21
106
Italy
134,666
99,365.27
28,230.29
107
Greece
111,071
84,091.70
41,287.25
108
US
188,655
90,473.05
41,683.08
109
Germany
172,246
54,403.41
44,484.98
110
UK
172,298
19,611.10
46,162.02
111
Japan
13,520
70,170.84
32,858.10
112
Italy
193,849
68,495.00
1,808.94
113
Greece
177,265
32,160.40
28,567.80
114
US
124,952
81,444.73
3,861.08
115
Germany
163,835
37,388.79
15,782.30
116
UK
96,552
35,596.57
24,117.57
117
Japan
158,664
72,646.37
34,437.12
118
Italy
118,402
10,479.70
26,733.12
119
Greece
132,933
77,175.78
27,628.59
120
US
181,380
6,118.15
25,818.90
121
Germany
33,232
68,922.13
31,965.10
122
UK
58,751
38,408.64
35,092.56
123
Japan
54,758
60,142.30
35,754.21
124
Italy
188,154
51,339.16
18,754.87
125
Greece
165,817
21,747.61
34,034.37
126
US
161,963
89,434.15
6,096.98
127
Germany
195,163
59,465.34
2,545.90
128
UK
34,826
39,926.50
3,134.79
129
Japan
37,747
61,171.79
19,736.32
130
Italy
153,329
79,086.12
33,949.33
131
Greece
42,195
95,512.48
34,313.23
132
US
106,600
38,155.73
21,264.49
133
Germany
156,060
26,867.82
41,118.80
134
UK
73,988
19,896.84
374.85
135
Japan
149,049
85,540.48
17,418.30
136
Italy
64,397
23,377.60
34,482.29
137
Greece
128,815
32,083.76
42,476.01
138
US
49,590
25,775.71
11,806.40
139
Germany
173,741
59,192.71
37,893.05
140
UK
7,832
76,391.91
43,212.71
141
Japan
131,821
66,947.30
6,956.43
142
Italy
60,717
32,480.43
25,296.76
143
Greece
85,027
613.90
36,746.07
144
US
165,059
18,410.05
4,909.96
145
Germany
4,481
90,556.54
18,500.60
146
UK
66,309
67,933.51
29,458.95
147
Japan
149,616
81,738.59
38,723.88
148
Italy
65,539
33,535.41
37,264.82
149
Greece
92,236
66,813.70
43,903.66
150
US
119,314
15,218.46
39,770.98
151
Germany
53,543
56,355.28
29,878.51
152
UK
112,110
28,348.14
49,470.83
153
Japan
59,875
46,511.25
37,538.08
154
Italy
31,263
94,477.07
21,436.52
155
Greece
130,549
17,299.62
24,882.93
156
US
155,665
89,378.70
251.52
157
Germany
182,351
1,306.14
28,728.82
158
UK
160,191
39,695.98
48,129.81
159
Japan
99,316
63,554.16
21,087.99
160
Italy
87,064
19,628.11
900.72
161
Greece
160,822
82,705.22
15,880.02
162
US
13,002
69,435.50
4,359.07
163
Germany
178,597
65,351.79
27,397.30
164
UK
180,484
32,779.96
28,317.94
165
Japan
113,502
43,323.56
27,898.01
166
Italy
116,504
16,115.97
8,557.38
167
Greece
55,118
31,065.73
19,143.40
168
US
175,235
99,865.88
44,213.22
169
Germany
8,494
28,880.27
15,672.09
170
UK
161,404
79,548.46
7,650.84
171
Japan
23,004
21,428.31
34,460.04
172
Italy
9,510
27,846.46
25,107.89
173
Greece
78,816
96,189.14
47,331.00
174
US
23,394
13,932.00
3,720.36
175
Germany
181,143
43,895.43
41,168.54
176
UK
7,885
64,918.17
25,929.73
177
Japan
171,757
34,566.99
33,665.18
178
Italy
145,186
98,456.79
21,190.47
179
Greece
93,123
13,689.51
9,730.73
180
US
63,742
72,116.05
24,933.25
181
Germany
192,809
11,912.21
6,525.79
182
UK
186,889
88,393.46
5,585.95
183
Japan
44,803
65,526.21
8,188.57
184
Italy
134,405
26,280.57
5,670.56
185
Greece
24,110
53,861.20
11,288.71
186
US
126,121
16,934.84
37,113.59
187
Germany
176,620
99,049.58
2,289.10
188
UK
60,951
9,265.61
43,248.53
189
Japan
86,165
72,811.78
43,912.26
190
Italy
5,853
61,152.19
5,020.03
191
Greece
150,520
56,478.26
36,014.31
192
US
13,845
85,409.63
18,088.83
193
Germany
83,634
2,500.42
36,218.25
194
UK
177,009
5,705.34
32,544.01
195
Japan
156,777
45,997.37
26,081.48
196
Italy
74,885
27,112.18
19,089.85
197
Greece
196,288
9,644.92
41,249.54
198
US
33,288
34,294.23
33,067.37
199
Germany
98,280
5,252.40
28,884.95
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
197.7
92.5
$37.4
Germany
4.8
46.8
$16.4
UK
186.2
98.1
$31.8
Japan
139.0
19.9
$16.0
Italy
10.6
90.4
$42.7
Greece
146.5
40.9
$30.7
US
41.3
85.2
$29.0
Germany
0.3
56.3
$28.1
UK
159.8
38.6
$22.8
Japan
179.0
87.2
$39.4
Italy
47.0
17.7
$10.2
Greece
140.2
12.0
$0.4
US
116.9
13.3
$48.4
Germany
164.6
3.3
$2.3
UK
128.0
7.1
$47.2
Japan
129.2
98.0
$25.1
Italy
1.3
59.9
$6.3
Greece
155.6
1.5
$36.0
US
180.8
72.4
$13.5
Germany
14.7
1.2
$21.3
UK
36.9
7.1
$15.9
Japan
42.5
3.0
$36.9
Italy
118.8
27.9
$24.4
Greece
40.1
77.5
$10.4
US
64.8
47.7
$14.3
Germany
147.4
77.9
$14.2
UK
95.7
92.1
$19.3
Japan
123.0
86.4
$25.8
Italy
108.6
38.6
$48.7
Greece
75.1
54.8
$33.8
US
111.3
55.1
$18.7
Germany
116.4
51.9
$19.4
UK
67.5
99.2
$24.0
Japan
62.0
60.7
$15.4
Italy
187.3
41.5
$45.6
Greece
146.2
23.1
$37.2
US
24.7
29.5
$5.6
Germany
92.6
19.1
$6.6
UK
109.7
62.3
$48.8
Japan
62.1
80.1
$47.5
Italy
92.1
78.5
$48.8
Greece
102.3
61.5
$10.7
US
42.4
9.3
$24.6
Germany
193.2
25.3
$34.0
UK
147.3
57.0
$44.4
Japan
110.0
43.6
$20.4
Italy
132.4
86.6
$26.2
Greece
35.5
86.4
$45.9
US
85.1
87.4
$49.3
Germany
48.0
16.6
$43.2
UK
154.8
72.3
$16.8
Japan
158.4
9.0
$24.5
Italy
157.5
46.2
$18.6
Greece
153.2
47.7
$16.8
US
100.1
83.6
$25.5
Germany
194.0
53.5
$17.6
UK
7.2
61.9
$35.7
Japan
172.1
55.4
$27.9
Italy
131.8
23.9
$17.8
Greece
138.3
2.4
$31.7
US
26.7
85.5
$48.3
Germany
56.0
56.0
$14.5
UK
122.9
67.4
$29.6
Japan
61.4
28.2
$4.1
Italy
158.5
28.7
$14.8
Greece
115.8
74.7
$34.4
US
14.7
3.8
$0.5
Germany
183.0
31.0
$34.6
UK
4.8
13.2
$48.8
Japan
36.6
2.8
$45.1
Italy
156.5
16.8
$15.2
Greece
132.4
82.0
$1.2
US
12.8
87.9
$30.5
Germany
7.8
24.3
$4.6
UK
122.4
92.3
$1.0
Japan
46.2
6.1
$35.2
Italy
198.2
49.7
$11.7
Greece
62.7
38.4
$14.6
US
83.9
13.2
$30.0
Germany
131.8
16.9
$25.2
UK
186.7
54.6
$20.3
Japan
5.9
3.8
$7.9
Italy
160.9
12.2
$48.3
Greece
89.5
65.0
$5.2
US
113.9
38.4
$9.7
Germany
44.7
84.5
$42.2
UK
10.3
70.6
$3.2
Japan
117.3
19.9
$10.5
Italy
19.7
83.4
$20.0
Greece
72.9
67.2
$37.7
US
130.7
55.2
$42.3
Germany
24.0
25.1
$24.0
UK
7.8
55.2
$45.8
Japan
184.3
57.5
$0.9
Italy
20.3
43.8
$24.4
Greece
121.2
50.5
$28.6
US
44.6
5.6
$22.0
Germany
53.3
94.6
$21.3
UK
79.9
62.5
$48.2
Japan
88.9
4.4
$2.1
Italy
198.3
68.7
$40.1
Greece
192.8
13.8
$22.2
US
76.7
72.8
$35.0
Germany
69.0
11.3
$2.7
UK
93.4
89.6
$21.8
Japan
73.0
58.1
$6.2
Italy
134.7
99.4
$28.2
Greece
111.1
84.1
$41.3
US
188.7
90.5
$41.7
Germany
172.2
54.4
$44.5
UK
172.3
19.6
$46.2
Japan
13.5
70.2
$32.9
Italy
193.8
68.5
$1.8
Greece
177.3
32.2
$28.6
US
125.0
81.4
$3.9
Germany
163.8
37.4
$15.8
UK
96.6
35.6
$24.1
Japan
158.7
72.6
$34.4
Italy
118.4
10.5
$26.7
Greece
132.9
77.2
$27.6
US
181.4
6.1
$25.8
Germany
33.2
68.9
$32.0
UK
58.8
38.4
$35.1
Japan
54.8
60.1
$35.8
Italy
188.2
51.3
$18.8
Greece
165.8
21.7
$34.0
US
162.0
89.4
$6.1
Germany
195.2
59.5
$2.5
UK
34.8
39.9
$3.1
Japan
37.7
61.2
$19.7
Italy
153.3
79.1
$33.9
Greece
42.2
95.5
$34.3
US
106.6
38.2
$21.3
Germany
156.1
26.9
$41.1
UK
74.0
19.9
$0.4
Japan
149.0
85.5
$17.4
Italy
64.4
23.4
$34.5
Greece
128.8
32.1
$42.5
US
49.6
25.8
$11.8
Germany
173.7
59.2
$37.9
UK
7.8
76.4
$43.2
Japan
131.8
66.9
$7.0
Italy
60.7
32.5
$25.3
Greece
85.0
0.6
$36.7
US
165.1
18.4
$4.9
Germany
4.5
90.6
$18.5
UK
66.3
67.9
$29.5
Japan
149.6
81.7
$38.7
Italy
65.5
33.5
$37.3
Greece
92.2
66.8
$43.9
US
119.3
15.2
$39.8
Germany
53.5
56.4
$29.9
UK
112.1
28.3
$49.5
Japan
59.9
46.5
$37.5
Italy
31.3
94.5
$21.4
Greece
130.5
17.3
$24.9
US
155.7
89.4
$0.3
Germany
182.4
1.3
$28.7
UK
160.2
39.7
$48.1
Japan
99.3
63.6
$21.1
Italy
87.1
19.6
$0.9
Greece
160.8
82.7
$15.9
US
13.0
69.4
$4.4
Germany
178.6
65.4
$27.4
UK
180.5
32.8
$28.3
Japan
113.5
43.3
$27.9
Italy
116.5
16.1
$8.6
Greece
55.1
31.1
$19.1
US
175.2
99.9
$44.2
Germany
8.5
28.9
$15.7
UK
161.4
79.5
$7.7
Japan
23.0
21.4
$34.5
Italy
9.5
27.8
$25.1
Greece
78.8
96.2
$47.3
US
23.4
13.9
$3.7
Germany
181.1
43.9
$41.2
UK
7.9
64.9
$25.9
Japan
171.8
34.6
$33.7
Italy
145.2
98.5
$21.2
Greece
93.1
13.7
$9.7
US
63.7
72.1
$24.9
Germany
192.8
11.9
$6.5
UK
186.9
88.4
$5.6
Japan
44.8
65.5
$8.2
Italy
134.4
26.3
$5.7
Greece
24.1
53.9
$11.3
US
126.1
16.9
$37.1
Germany
176.6
99.0
$2.3
UK
61.0
9.3
$43.2
Japan
86.2
72.8
$43.9
Italy
5.9
61.2
$5.0
Greece
150.5
56.5
$36.0
US
13.8
85.4
$18.1
Germany
83.6
2.5
$36.2
UK
177.0
5.7
$32.5
Japan
156.8
46.0
$26.1
Italy
74.9
27.1
$19.1
Greece
196.3
9.6
$41.2
US
33.3
34.3
$33.1
Germany
98.3
5.3
$28.9
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
197,651
92,541.01
37,355.74
1
Germany
4,765
46,763.17
16,351.13
2
UK
186,187
98,109.52
31,828.76
3
Japan
138,982
19,902.66
16,023.20
4
Italy
10,593
90,422.16
42,659.58
5
Greece
146,460
40,883.17
30,682.57
6
US
41,259
85,210.48
29,012.17
7
Germany
285
56,285.29
28,057.96
8
UK
159,788
38,587.46
22,761.70
9
Japan
178,981
87,187.33
39,437.87
10
Italy
46,960
17,723.51
10,239.70
11
Greece
140,245
12,016.79
386.65
12
US
116,868
13,298.28
48,372.87
13
Germany
164,589
3,311.37
2,323.17
14
UK
128,023
7,055.60
47,175.30
15
Japan
129,156
97,950.07
25,121.81
16
Italy
1,328
59,864.95
6,265.92
17
Greece
155,644
1,543.40
35,959.73
18
US
180,783
72,363.77
13,474.30
19
Germany
14,714
1,155.61
21,323.49
20
UK
36,919
7,053.45
15,880.05
21
Japan
42,506
3,019.31
36,854.40
22
Italy
118,751
27,855.99
24,448.60
23
Greece
40,113
77,468.31
10,380.53
24
US
64,801
47,684.35
14,286.63
25
Germany
147,372
77,928.66
14,173.27
26
UK
95,674
92,096.93
19,322.56
27
Japan
122,983
86,393.54
25,801.67
28
Italy
108,620
38,607.04
48,683.40
29
Greece
75,084
54,785.63
33,827.59
30
US
111,330
55,057.50
18,746.51
31
Germany
116,425
51,946.30
19,385.10
32
UK
67,531
99,195.56
24,034.28
33
Japan
61,985
60,694.91
15,406.99
34
Italy
187,275
41,483.40
45,604.65
35
Greece
146,157
23,122.72
37,217.17
36
US
24,713
29,501.89
5,608.70
37
Germany
92,617
19,145.09
6,633.70
38
UK
109,704
62,259.99
48,772.86
39
Japan
62,051
80,088.59
47,547.02
40
Italy
92,105
78,510.06
48,835.52
41
Greece
102,321
61,531.67
10,665.23
42
US
42,360
9,282.77
24,601.91
43
Germany
193,181
25,278.73
33,951.02
44
UK
147,285
57,015.70
44,416.84
45
Japan
109,960
43,559.96
20,382.20
46
Italy
132,432
86,554.50
26,247.68
47
Greece
35,489
86,360.08
45,940.10
48
US
85,065
87,369.17
49,279.54
49
Germany
48,000
16,564.06
43,189.10
50
UK
154,781
72,288.82
16,808.03
51
Japan
158,419
8,956.74
24,460.89
52
Italy
157,494
46,176.76
18,621.23
53
Greece
153,203
47,655.63
16,801.72
54
US
100,068
83,634.84
25,544.62
55
Germany
193,956
53,487.32
17,600.83
56
UK
7,165
61,923.62
35,702.52
57
Japan
172,125
55,385.41
27,904.39
58
Italy
131,767
23,921.79
17,796.27
59
Greece
138,298
2,367.05
31,730.94
60
US
26,656
85,507.11
48,318.51
61
Germany
56,009
56,039.68
14,450.10
62
UK
122,894
67,412.60
29,596.99
63
Japan
61,372
28,216.95
4,114.43
64
Italy
158,545
28,728.85
14,826.56
65
Greece
115,841
74,696.31
34,432.61
66
US
14,706
3,781.60
529.49
67
Germany
183,024
31,038.49
34,599.25
68
UK
4,818
13,184.28
48,757.58
69
Japan
36,596
2,777.88
45,114.11
70
Italy
156,476
16,812.90
15,175.05
71
Greece
132,373
82,045.87
1,158.86
72
US
12,776
87,902.39
30,536.12
73
Germany
7,773
24,307.15
4,633.42
74
UK
122,382
92,298.31
1,036.92
75
Japan
46,233
6,117.35
35,168.02
76
Italy
198,175
49,693.18
11,675.28
77
Greece
62,733
38,419.93
14,569.50
78
US
83,899
13,224.32
30,035.81
79
Germany
131,807
16,861.77
25,171.24
80
UK
186,739
54,569.18
20,337.03
81
Japan
5,881
3,777.38
7,923.67
82
Italy
160,873
12,176.07
48,326.19
83
Greece
89,452
65,036.73
5,242.89
84
US
113,946
38,437.67
9,666.03
85
Germany
44,749
84,527.14
42,241.29
86
UK
10,337
70,578.15
3,215.67
87
Japan
117,250
19,887.69
10,459.47
88
Italy
19,703
83,439.50
20,020.73
89
Greece
72,891
67,204.30
37,669.55
90
US
130,654
55,231.51
42,263.47
91
Germany
24,046
25,133.00
24,030.18
92
UK
7,791
55,215.90
45,759.73
93
Japan
184,251
57,507.94
910.49
94
Italy
20,329
43,812.88
24,381.29
95
Greece
121,189
50,510.54
28,599.59
96
US
44,560
5,631.86
21,964.71
97
Germany
53,330
94,616.74
21,255.29
98
UK
79,908
62,546.87
48,154.20
99
Japan
88,929
4,361.28
2,076.28
100
Italy
198,325
68,719.76
40,107.33
101
Greece
192,840
13,780.14
22,208.74
102
US
76,733
72,788.29
34,999.73
103
Germany
68,995
11,314.42
2,666.07
104
UK
93,445
89,620.61
21,800.49
105
Japan
73,032
58,123.54
6,204.21
106
Italy
134,666
99,365.27
28,230.29
107
Greece
111,071
84,091.70
41,287.25
108
US
188,655
90,473.05
41,683.08
109
Germany
172,246
54,403.41
44,484.98
110
UK
172,298
19,611.10
46,162.02
111
Japan
13,520
70,170.84
32,858.10
112
Italy
193,849
68,495.00
1,808.94
113
Greece
177,265
32,160.40
28,567.80
114
US
124,952
81,444.73
3,861.08
115
Germany
163,835
37,388.79
15,782.30
116
UK
96,552
35,596.57
24,117.57
117
Japan
158,664
72,646.37
34,437.12
118
Italy
118,402
10,479.70
26,733.12
119
Greece
132,933
77,175.78
27,628.59
120
US
181,380
6,118.15
25,818.90
121
Germany
33,232
68,922.13
31,965.10
122
UK
58,751
38,408.64
35,092.56
123
Japan
54,758
60,142.30
35,754.21
124
Italy
188,154
51,339.16
18,754.87
125
Greece
165,817
21,747.61
34,034.37
126
US
161,963
89,434.15
6,096.98
127
Germany
195,163
59,465.34
2,545.90
128
UK
34,826
39,926.50
3,134.79
129
Japan
37,747
61,171.79
19,736.32
130
Italy
153,329
79,086.12
33,949.33
131
Greece
42,195
95,512.48
34,313.23
132
US
106,600
38,155.73
21,264.49
133
Germany
156,060
26,867.82
41,118.80
134
UK
73,988
19,896.84
374.85
135
Japan
149,049
85,540.48
17,418.30
136
Italy
64,397
23,377.60
34,482.29
137
Greece
128,815
32,083.76
42,476.01
138
US
49,590
25,775.71
11,806.40
139
Germany
173,741
59,192.71
37,893.05
140
UK
7,832
76,391.91
43,212.71
141
Japan
131,821
66,947.30
6,956.43
142
Italy
60,717
32,480.43
25,296.76
143
Greece
85,027
613.90
36,746.07
144
US
165,059
18,410.05
4,909.96
145
Germany
4,481
90,556.54
18,500.60
146
UK
66,309
67,933.51
29,458.95
147
Japan
149,616
81,738.59
38,723.88
148
Italy
65,539
33,535.41
37,264.82
149
Greece
92,236
66,813.70
43,903.66
150
US
119,314
15,218.46
39,770.98
151
Germany
53,543
56,355.28
29,878.51
152
UK
112,110
28,348.14
49,470.83
153
Japan
59,875
46,511.25
37,538.08
154
Italy
31,263
94,477.07
21,436.52
155
Greece
130,549
17,299.62
24,882.93
156
US
155,665
89,378.70
251.52
157
Germany
182,351
1,306.14
28,728.82
158
UK
160,191
39,695.98
48,129.81
159
Japan
99,316
63,554.16
21,087.99
160
Italy
87,064
19,628.11
900.72
161
Greece
160,822
82,705.22
15,880.02
162
US
13,002
69,435.50
4,359.07
163
Germany
178,597
65,351.79
27,397.30
164
UK
180,484
32,779.96
28,317.94
165
Japan
113,502
43,323.56
27,898.01
166
Italy
116,504
16,115.97
8,557.38
167
Greece
55,118
31,065.73
19,143.40
168
US
175,235
99,865.88
44,213.22
169
Germany
8,494
28,880.27
15,672.09
170
UK
161,404
79,548.46
7,650.84
171
Japan
23,004
21,428.31
34,460.04
172
Italy
9,510
27,846.46
25,107.89
173
Greece
78,816
96,189.14
47,331.00
174
US
23,394
13,932.00
3,720.36
175
Germany
181,143
43,895.43
41,168.54
176
UK
7,885
64,918.17
25,929.73
177
Japan
171,757
34,566.99
33,665.18
178
Italy
145,186
98,456.79
21,190.47
179
Greece
93,123
13,689.51
9,730.73
180
US
63,742
72,116.05
24,933.25
181
Germany
192,809
11,912.21
6,525.79
182
UK
186,889
88,393.46
5,585.95
183
Japan
44,803
65,526.21
8,188.57
184
Italy
134,405
26,280.57
5,670.56
185
Greece
24,110
53,861.20
11,288.71
186
US
126,121
16,934.84
37,113.59
187
Germany
176,620
99,049.58
2,289.10
188
UK
60,951
9,265.61
43,248.53
189
Japan
86,165
72,811.78
43,912.26
190
Italy
5,853
61,152.19
5,020.03
191
Greece
150,520
56,478.26
36,014.31
192
US
13,845
85,409.63
18,088.83
193
Germany
83,634
2,500.42
36,218.25
194
UK
177,009
5,705.34
32,544.01
195
Japan
156,777
45,997.37
26,081.48
196
Italy
74,885
27,112.18
19,089.85
197
Greece
196,288
9,644.92
41,249.54
198
US
33,288
34,294.23
33,067.37
199
Germany
98,280
5,252.40
28,884.95
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> |