UNPKG

1.73 kBHTMLView Raw
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <title>{NAME} v{VERSION} - Demo</title>
5 <!-- @import partials/style.html -->
6</head>
7<body>
8<h1>{NAME} v{VERSION}</h1>
9
10<!-- @import partials/pre.html -->
11<!-- @import partials/countries-table.html -->
12
13<!-- @import partials/tablefilter-script.html -->
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<!-- @import partials/pre-inline-script.html -->
61</body>
62</html>