1 | <!DOCTYPE html>
|
2 | <html lang="en">
|
3 | <head>
|
4 | <title>{NAME} v{VERSION} - Demo</title>
|
5 |
|
6 | </head>
|
7 | <body>
|
8 | <h1>{NAME} v{VERSION}</h1>
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 | <script data-config>
|
15 | var filtersConfig = {
|
16 | base_path: '../dist/tablefilter/',
|
17 | col_0: 'checklist',
|
18 | col_1: 'select',
|
19 | col_2: 'multiple',
|
20 | col_3: 'select',
|
21 | alternate_rows: true,
|
22 | rows_counter: true,
|
23 | btn_reset: true,
|
24 | loader: true,
|
25 | status_bar: true,
|
26 | mark_active_columns: {
|
27 | highlight_column: true
|
28 | },
|
29 | no_results_message: true,
|
30 | custom_options: {
|
31 | cols:[3],
|
32 | texts: [
|
33 | [
|
34 | 'na', '0 - 50', '50 - 500',
|
35 | '500 - 15 000', '15 000 - 25 000', '25 000 - 100 000',
|
36 | '100 000 - 1 500 000', 'not na'
|
37 | ]
|
38 | ],
|
39 | values: [
|
40 | [
|
41 | 'na', '>0 && <=50', '>50 && <=500',
|
42 | '>500 && <=15000', '>15000 && <=25000',
|
43 | '>25000 && <=100000', '>100000 && <=1500000', '!na'
|
44 | ]
|
45 | ],
|
46 | sorts: [false]
|
47 | },
|
48 | col_widths: [
|
49 | '150px', '100px', '100px',
|
50 | '90px', '90px', '90px',
|
51 | '90px', '70px', '70px'
|
52 | ],
|
53 | extensions:[{ name: 'sort' }]
|
54 | };
|
55 |
|
56 | var tf = new TableFilter('demo', filtersConfig);
|
57 | tf.init();
|
58 |
|
59 | </script>
|
60 |
|
61 | </body>
|
62 | </html>
|