UNPKG

1.22 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 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<!-- @import partials/pre.html -->
17<!-- @import partials/countries-by-continent.html -->
18
19<!-- @import partials/tablefilter-script.html -->
20<script data-config>
21var 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
40var tf = new TableFilter('demo', filtersConfig);
41tf.init();
42</script>
43<!-- @import partials/pre-inline-script.html -->
44</body>
45</html>