UNPKG

1.21 kBHTMLView Raw
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <title>{NAME} v{VERSION} - Filters Visibility Extension Demo</title>
5 <!-- @import partials/style.html -->
6</head>
7<body>
8<h1>{NAME} v{VERSION}</h1>
9<h2>Filters visibility extension demo</h2>
10<p>
11 This demo features the filters visibility extension.
12</p>
13
14<p id="filtersToggle"></p>
15<!-- @import partials/pre.html -->
16<!-- @import partials/countries-by-continent.html -->
17
18<!-- @import partials/tablefilter-script.html -->
19<script data-config>
20var tfConfig = {
21 base_path: '../dist/tablefilter/',
22 col_1: 'multiple',
23 col_2: 'checklist',
24 col_widths: [
25 '75px', '200px', '200px',
26 '100px', '75px', '400px'
27 ],
28 grid_layout: true,
29 paging: true,
30 alternate_rows: true,
31 rows_counter: true,
32 btn_reset: true,
33 loader: true,
34 status_bar: true,
35 extensions: [{
36 name: 'filtersVisibility',
37 visible_at_start: false,
38 target_id: 'filtersToggle',
39 btn_html: '<button>Toggle filters<\/button>'
40 }]
41};
42
43var tf = new TableFilter('demo', tfConfig);
44tf.init();
45</script>
46
47<!-- @import partials/pre-inline-script.html -->
48</body>
49</html>