1 | <!DOCTYPE html>
|
2 | <html lang="en">
|
3 | <head>
|
4 | <title>{NAME} v{VERSION} - Linked filters Demo</title>
|
5 |
|
6 | </head>
|
7 | <body>
|
8 | <h1>{NAME} v{VERSION}</h1>
|
9 | <h2>Linked filters demo</h2>
|
10 | <p>
|
11 | This demo features the linked filters behaviour. In this mode, the drop-down
|
12 | filters are linked, when a column is filtered only the valid values of the
|
13 | other columns are included in their respective filters.
|
14 | </p>
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 | <script data-config>
|
21 | var filtersConfig = {
|
22 | base_path: '../dist/tablefilter/',
|
23 | linked_filters: true,
|
24 | col_1: 'multiple',
|
25 | col_2: 'checklist',
|
26 | btn_reset: true,
|
27 | clear_filter_text: '< Clear >',
|
28 | alternate_rows: true,
|
29 | rows_counter: true,
|
30 | enable_default_theme: true,
|
31 | extensions:[{
|
32 | name: 'sort',
|
33 | types: [
|
34 | 'number', 'string', 'string',
|
35 | 'formatted-number', 'none', 'string'
|
36 | ]
|
37 | }]
|
38 | };
|
39 |
|
40 | var tf = new TableFilter('demo', filtersConfig);
|
41 | tf.init();
|
42 | </script>
|
43 |
|
44 | </body>
|
45 | </html>
|