UNPKG

13.2 kBHTMLView Raw
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 DO NOT COPY: NOT PART OF TABLEFILTER
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('<', '&lt;').replace('>', '&gt;');
508 }
509 });
510</script>
511<!-- -->
512
513</body>
514</html>