1 | <!DOCTYPE html>
|
2 | <html lang="en">
|
3 | <head>
|
4 | <title>tablefilter v0.7.2 - Starter</title>
|
5 | </head>
|
6 | <body>
|
7 | <h1>tablefilter v0.7.2</h1>
|
8 |
|
9 |
|
10 |
|
11 | <table id="demo">
|
12 | <thead>
|
13 | <tr>
|
14 | <th>country</th>
|
15 | <th>iso</th>
|
16 | <th>year</th>
|
17 | <th>POP</th>
|
18 | <th>XRAT</th>
|
19 | <th>PPP</th>
|
20 | <th>cgdp</th>
|
21 | <th>cc</th>
|
22 | <th>ci</th>
|
23 | </tr>
|
24 | </thead>
|
25 | <tbody>
|
26 | <tr>
|
27 | <td>Benin</td>
|
28 | <td>BEN</td>
|
29 | <td>1998</td>
|
30 | <td>5950.33</td>
|
31 | <td>589.9517822</td>
|
32 | <td>190.95</td>
|
33 | <td>1178.46</td>
|
34 | <td>90.98</td>
|
35 | <td>7.55</td>
|
36 | </tr>
|
37 | <tr>
|
38 | <td>Benin</td>
|
39 | <td>BEN</td>
|
40 | <td>1999</td>
|
41 | <td>6109.53</td>
|
42 | <td>615.6990967</td>
|
43 | <td>200.19</td>
|
44 | <td>1174.90</td>
|
45 | <td>92.61</td>
|
46 | <td>7.86</td>
|
47 | </tr>
|
48 | <tr>
|
49 | <td>Benin</td>
|
50 | <td>BEN</td>
|
51 | <td>2000</td>
|
52 | <td>6272.00</td>
|
53 | <td>711.9763184</td>
|
54 | <td>200.61</td>
|
55 | <td>1224.74</td>
|
56 | <td>92.27</td>
|
57 | <td>8.25</td>
|
58 | </tr>
|
59 | <tr>
|
60 | <td>Burkina Faso</td>
|
61 | <td>BFA</td>
|
62 | <td>1994</td>
|
63 | <td>9755.03</td>
|
64 | <td>555.2047119</td>
|
65 | <td>125.76</td>
|
66 | <td>838.76</td>
|
67 | <td>79.81</td>
|
68 | <td>6.57</td>
|
69 | </tr>
|
70 | <tr>
|
71 | <td>Burkina Faso</td>
|
72 | <td>BFA</td>
|
73 | <td>1995</td>
|
74 | <td>9988.00</td>
|
75 | <td>499.148407</td>
|
76 | <td>136.65</td>
|
77 | <td>860.89</td>
|
78 | <td>80.41</td>
|
79 | <td>9.29</td>
|
80 | </tr>
|
81 | <tr>
|
82 | <td>Burkina Faso</td>
|
83 | <td>BFA</td>
|
84 | <td>1996</td>
|
85 | <td>10225.00</td>
|
86 | <td>511.5523987</td>
|
87 | <td>144.18</td>
|
88 | <td>881.11</td>
|
89 | <td>80.40</td>
|
90 | <td>12.12</td>
|
91 | </tr>
|
92 | <tr>
|
93 | <td>Burkina Faso</td>
|
94 | <td>BFA</td>
|
95 | <td>1997</td>
|
96 | <td>10473.53</td>
|
97 | <td>583.6693726</td>
|
98 | <td>141.78</td>
|
99 | <td>899.01</td>
|
100 | <td>76.94</td>
|
101 | <td>14.94</td>
|
102 | </tr>
|
103 | <tr>
|
104 | <td>Russia</td>
|
105 | <td>RUS</td>
|
106 | <td>1998</td>
|
107 | <td>146899.01</td>
|
108 | <td>9.705082893</td>
|
109 | <td>2.64</td>
|
110 | <td>7086.39</td>
|
111 | <td>67.73</td>
|
112 | <td>9.20</td>
|
113 | </tr>
|
114 | <tr>
|
115 | <td>Russia</td>
|
116 | <td>RUS</td>
|
117 | <td>1999</td>
|
118 | <td>146308.99</td>
|
119 | <td>24.6199398</td>
|
120 | <td>4.03</td>
|
121 | <td>8074.70</td>
|
122 | <td>57.35</td>
|
123 | <td>8.81</td>
|
124 | </tr>
|
125 | <tr>
|
126 | <td>Russia</td>
|
127 | <td>RUS</td>
|
128 | <td>2000</td>
|
129 | <td>145555.01</td>
|
130 | <td>28.12916946</td>
|
131 | <td>4.85</td>
|
132 | <td>9995.91</td>
|
133 | <td>54.74</td>
|
134 | <td>8.79</td>
|
135 | </tr>
|
136 | <tr>
|
137 | <td>Rwanda</td>
|
138 | <td>RWA</td>
|
139 | <td>1994</td>
|
140 | <td>6230.00</td>
|
141 | <td>194.517</td>
|
142 | <td>50.39</td>
|
143 | <td>529.48</td>
|
144 | <td>132.16</td>
|
145 | <td>4.48</td>
|
146 | </tr>
|
147 | <tr>
|
148 | <td>Rwanda</td>
|
149 | <td>RWA</td>
|
150 | <td>1995</td>
|
151 | <td>6400.00</td>
|
152 | <td>262.1975098</td>
|
153 | <td>70.67</td>
|
154 | <td>746.34</td>
|
155 | <td>92.77</td>
|
156 | <td>3.08</td>
|
157 | </tr>
|
158 | <tr>
|
159 | <td>Rwanda</td>
|
160 | <td>RWA</td>
|
161 | <td>1996</td>
|
162 | <td>6727.00</td>
|
163 | <td>306.8200073</td>
|
164 | <td>77.90</td>
|
165 | <td>823.25</td>
|
166 | <td>89.71</td>
|
167 | <td>3.21</td>
|
168 | </tr>
|
169 | <tr>
|
170 | <td>Rwanda</td>
|
171 | <td>RWA</td>
|
172 | <td>1997</td>
|
173 | <td>7895.18</td>
|
174 | <td>301.5297852</td>
|
175 | <td>84.13</td>
|
176 | <td>847.79</td>
|
177 | <td>91.44</td>
|
178 | <td>3.72</td>
|
179 | </tr>
|
180 | <tr>
|
181 | <td>Rwanda</td>
|
182 | <td>RWA</td>
|
183 | <td>1998</td>
|
184 | <td>8105.00</td>
|
185 | <td>312.3140869</td>
|
186 | <td>85.32</td>
|
187 | <td>914.22</td>
|
188 | <td>89.34</td>
|
189 | <td>4.22</td>
|
190 | </tr>
|
191 | <tr>
|
192 | <td>El Salvador</td>
|
193 | <td>SLV</td>
|
194 | <td>1995</td>
|
195 | <td>5669.00</td>
|
196 | <td>8.754583359</td>
|
197 | <td>3.54</td>
|
198 | <td>4143.59</td>
|
199 | <td>89.31</td>
|
200 | <td>10.35</td>
|
201 | </tr>
|
202 | <tr>
|
203 | <td>El Salvador</td>
|
204 | <td>SLV</td>
|
205 | <td>1996</td>
|
206 | <td>5798.00</td>
|
207 | <td>8.755000114</td>
|
208 | <td>3.69</td>
|
209 | <td>4235.79</td>
|
210 | <td>88.77</td>
|
211 | <td>7.79</td>
|
212 | </tr>
|
213 | <tr>
|
214 | <td>El Salvador</td>
|
215 | <td>SLV</td>
|
216 | <td>1997</td>
|
217 | <td>5911.00</td>
|
218 | <td>8.756250381</td>
|
219 | <td>3.74</td>
|
220 | <td>4408.41</td>
|
221 | <td>87.05</td>
|
222 | <td>7.90</td>
|
223 | </tr>
|
224 | <tr>
|
225 | <td>Slovak Republic</td>
|
226 | <td>SVK</td>
|
227 | <td>2000</td>
|
228 | <td>5401.00</td>
|
229 | <td>46.0352</td>
|
230 | <td>13.02</td>
|
231 | <td>12618.53</td>
|
232 | <td>52.22</td>
|
233 | <td>24.78</td>
|
234 | </tr>
|
235 | <tr>
|
236 | <td>Slovenia</td>
|
237 | <td>SVN</td>
|
238 | <td>1994</td>
|
239 | <td>1988.90</td>
|
240 | <td>128.8085938</td>
|
241 | <td>79.97</td>
|
242 | <td>11662.12</td>
|
243 | <td>53.21</td>
|
244 | <td>19.87</td>
|
245 | </tr>
|
246 | <tr>
|
247 | <td>Slovenia</td>
|
248 | <td>SVN</td>
|
249 | <td>1995</td>
|
250 | <td>1990.00</td>
|
251 | <td>118.5185013</td>
|
252 | <td>89.03</td>
|
253 | <td>12574.96</td>
|
254 | <td>54.46</td>
|
255 | <td>23.11</td>
|
256 | </tr>
|
257 | <tr>
|
258 | <td>Slovenia</td>
|
259 | <td>SVN</td>
|
260 | <td>1996</td>
|
261 | <td>1991.00</td>
|
262 | <td>135.3643036</td>
|
263 | <td>97.27</td>
|
264 | <td>13151.51</td>
|
265 | <td>54.32</td>
|
266 | <td>23.23</td>
|
267 | </tr>
|
268 | <tr>
|
269 | <td>Slovenia</td>
|
270 | <td>SVN</td>
|
271 | <td>1997</td>
|
272 | <td>1985.96</td>
|
273 | <td>159.6882935</td>
|
274 | <td>103.96</td>
|
275 | <td>14143.02</td>
|
276 | <td>53.24</td>
|
277 | <td>24.14</td>
|
278 | </tr>
|
279 | <tr>
|
280 | <td>Slovenia</td>
|
281 | <td>SVN</td>
|
282 | <td>1998</td>
|
283 | <td>1982.60</td>
|
284 | <td>166.134201</td>
|
285 | <td>108.93</td>
|
286 | <td>15067.34</td>
|
287 | <td>52.82</td>
|
288 | <td>25.35</td>
|
289 | </tr>
|
290 | <tr>
|
291 | <td>Zambia</td>
|
292 | <td>ZMB</td>
|
293 | <td>1994</td>
|
294 | <td>8740.72</td>
|
295 | <td>669.3706055</td>
|
296 | <td>307.48</td>
|
297 | <td>834.19</td>
|
298 | <td>75.43</td>
|
299 | <td>9.86</td>
|
300 | </tr>
|
301 | <tr>
|
302 | <td>Zambia</td>
|
303 | <td>ZMB</td>
|
304 | <td>1995</td>
|
305 | <td>8980.00</td>
|
306 | <td>864.1192017</td>
|
307 | <td>402.40</td>
|
308 | <td>829.37</td>
|
309 | <td>76.55</td>
|
310 | <td>10.31</td>
|
311 | </tr>
|
312 | <tr>
|
313 | <td>Zambia</td>
|
314 | <td>ZMB</td>
|
315 | <td>1996</td>
|
316 | <td>9214.40</td>
|
317 | <td>1207.900024</td>
|
318 | <td>515.01</td>
|
319 | <td>838.05</td>
|
320 | <td>78.74</td>
|
321 | <td>10.99</td>
|
322 | </tr>
|
323 | <tr>
|
324 | <td>Zambia</td>
|
325 | <td>ZMB</td>
|
326 | <td>1997</td>
|
327 | <td>9443.21</td>
|
328 | <td>1314.498047</td>
|
329 | <td>596.97</td>
|
330 | <td>851.47</td>
|
331 | <td>77.59</td>
|
332 | <td>12.15</td>
|
333 | </tr>
|
334 | <tr>
|
335 | <td>Zambia</td>
|
336 | <td>ZMB</td>
|
337 | <td>1998</td>
|
338 | <td>9665.71</td>
|
339 | <td>1862.06897</td>
|
340 | <td>744.91</td>
|
341 | <td>800.69</td>
|
342 | <td>85.12</td>
|
343 | <td>13.75</td>
|
344 | </tr>
|
345 | <tr>
|
346 | <td>Zambia</td>
|
347 | <td>ZMB</td>
|
348 | <td>1999</td>
|
349 | <td>9881.21</td>
|
350 | <td>2388.019043</td>
|
351 | <td>941.87</td>
|
352 | <td>765.24</td>
|
353 | <td>91.82</td>
|
354 | <td>15.30</td>
|
355 | </tr>
|
356 | <tr>
|
357 | <td>Zambia</td>
|
358 | <td>ZMB</td>
|
359 | <td>2000</td>
|
360 | <td>10089.00</td>
|
361 | <td>3110.843994</td>
|
362 | <td>1157.63</td>
|
363 | <td>840.97</td>
|
364 | <td>86.33</td>
|
365 | <td>15.38</td>
|
366 | </tr>
|
367 | <tr>
|
368 | <td>Zimbabwe</td>
|
369 | <td>ZWE</td>
|
370 | <td>1994</td>
|
371 | <td>10775.35</td>
|
372 | <td>8.151538849</td>
|
373 | <td>2.01</td>
|
374 | <td>2586.84</td>
|
375 | <td>60.10</td>
|
376 | <td>18.53</td>
|
377 | </tr>
|
378 | <tr>
|
379 | <td>Zimbabwe</td>
|
380 | <td>ZWE</td>
|
381 | <td>1995</td>
|
382 | <td>11011.00</td>
|
383 | <td>8.66537571</td>
|
384 | <td>2.15</td>
|
385 | <td>2603.37</td>
|
386 | <td>66.89</td>
|
387 | <td>15.03</td>
|
388 | </tr>
|
389 | <tr>
|
390 | <td>Zimbabwe</td>
|
391 | <td>ZWE</td>
|
392 | <td>1996</td>
|
393 | <td>11242.16</td>
|
394 | <td>10.00234985</td>
|
395 | <td>2.64</td>
|
396 | <td>2860.23</td>
|
397 | <td>72.06</td>
|
398 | <td>11.32</td>
|
399 | </tr>
|
400 | <tr>
|
401 | <td>Zimbabwe</td>
|
402 | <td>ZWE</td>
|
403 | <td>1997</td>
|
404 | <td>11923.52</td>
|
405 | <td>12.11128998</td>
|
406 | <td>3.17</td>
|
407 | <td>2727.06</td>
|
408 | <td>82.82</td>
|
409 | <td>11.01</td>
|
410 | </tr>
|
411 | <tr>
|
412 | <td>Zimbabwe</td>
|
413 | <td>ZWE</td>
|
414 | <td>1998</td>
|
415 | <td>12153.85</td>
|
416 | <td>23.67910957</td>
|
417 | <td>4.06</td>
|
418 | <td>2799.85</td>
|
419 | <td>77.66</td>
|
420 | <td>10.75</td>
|
421 | </tr>
|
422 | <tr>
|
423 | <td>Zimbabwe</td>
|
424 | <td>ZWE</td>
|
425 | <td>1999</td>
|
426 | <td>12388.32</td>
|
427 | <td>38.30120087</td>
|
428 | <td>6.12</td>
|
429 | <td>2770.48</td>
|
430 | <td>76.89</td>
|
431 | <td>10.73</td>
|
432 | </tr>
|
433 | <tr>
|
434 | <td>Zimbabwe</td>
|
435 | <td>ZWE</td>
|
436 | <td>2000</td>
|
437 | <td>12627.00</td>
|
438 | <td>44.41791916</td>
|
439 | <td>9.48</td>
|
440 | <td>2607.03</td>
|
441 | <td>69.23</td>
|
442 | <td>8.62</td>
|
443 | </tr>
|
444 | </tbody>
|
445 | </table>
|
446 |
|
447 |
|
448 | <script src="tablefilter/tablefilter.js"></script>
|
449 |
|
450 | <script data-config>
|
451 | var filtersConfig = {
|
452 | base_path: 'tablefilter/',
|
453 | col_1: 'select',
|
454 | col_2: 'select',
|
455 | col_3: 'select',
|
456 | alternate_rows: true,
|
457 | rows_counter: true,
|
458 | btn_reset: true,
|
459 | loader: true,
|
460 | status_bar: true,
|
461 | mark_active_columns: true,
|
462 | highlight_keywords: true,
|
463 | col_types: [
|
464 | 'string', 'string', 'number',
|
465 | 'number', 'number', 'number',
|
466 | 'number', 'number', 'number'
|
467 | ],
|
468 | custom_options: {
|
469 | cols:[3],
|
470 | texts: [[
|
471 | '0 - 25 000',
|
472 | '100 000 - 1 500 000'
|
473 | ]],
|
474 | values: [[
|
475 | '>0 && <=25000',
|
476 | '>100000 && <=1500000'
|
477 | ]],
|
478 | sorts: [false]
|
479 | },
|
480 | col_widths: [
|
481 | '150px', '100px', '100px',
|
482 | '100px', '100px', '100px',
|
483 | '70px', '60px', '60px'
|
484 | ],
|
485 | extensions:[{ name: 'sort' }]
|
486 | };
|
487 |
|
488 | var tf = new TableFilter('demo', filtersConfig);
|
489 | tf.init();
|
490 |
|
491 | </script>
|
492 |
|
493 | <pre></pre>
|
494 |
|
495 |
|
496 |
|
497 |
|
498 |
|
499 |
|
500 | <script>
|
501 | var configs = document.querySelectorAll('script[data-config]');
|
502 | var pre = document.body.getElementsByTagName('pre')[0];
|
503 |
|
504 | [].forEach.call(configs, function(config) {
|
505 | if(pre){
|
506 | pre.innerHTML +=
|
507 | config.innerHTML.replace('<', '<').replace('>', '>');
|
508 | }
|
509 | });
|
510 | </script>
|
511 |
|
512 |
|
513 | </body>
|
514 | </html>
|