UNPKG

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