UNPKG

1.5 kBHTMLView Raw
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <title>{NAME} v{VERSION} - Linked filters Demo</title>
5 <!-- @import partials/style.html -->
6</head>
7<body>
8<h1>{NAME} v{VERSION}</h1>
9<h2>Linked filters with disabled options demo</h2>
10<p>
11 This demo features the refresh filters behaviour. In this mode, the
12 drop-down filters are linked and if the
13 <code>disable_excluded_options</code> is enabled, the invalid options in the
14 linked filters are simply greyed-out.
15</p>
16<p>
17 This feature was suggested by
18 <a href="http://www.zehnplus.ch" target="_blank">zehnplus</a>.
19</p>
20
21<!-- @import partials/pre.html -->
22<!-- @import partials/countries-by-continent.html -->
23
24<!-- @import partials/tablefilter-script.html -->
25<script data-config>
26var filtersConfig = {
27 base_path: '../dist/tablefilter/',
28 linked_filters: true,
29 disable_excluded_options: true,
30 col_1: 'multiple',
31 col_2: 'checklist',
32 col_types: [
33 'number', 'string', 'string',
34 'formatted-number', 'none', 'string'
35 ],
36 col_widths: [
37 '60px', '160px', '160px',
38 '85px', '70px', '270px'
39 ],
40 btn_reset: true,
41 clear_filter_text: '< Clear >',
42 alternate_rows: true,
43 rows_counter: true,
44 enable_default_theme: true,
45 extensions:[{
46 name: 'sort'
47 }]
48};
49
50var tf = new TableFilter('demo', filtersConfig);
51tf.init();
52</script>
53
54<!-- @import partials/pre-inline-script.html -->
55</body>
56</html>