UNPKG

1.06 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<!-- @import partials/pre.html -->
15<!-- @import partials/countries-by-continent.html -->
16
17<!-- @import partials/tablefilter-script.html -->
18<script data-config>
19var tfConfig = {
20 base_path: '../dist/tablefilter/',
21 col_1: 'multiple',
22 col_2: 'checklist',
23 col_widths: [
24 '75px', '200px', '200px',
25 '100px', '75px', '400px'
26 ],
27 paging: true,
28 alternate_rows: true,
29 rows_counter: true,
30 btn_reset: true,
31 loader: true,
32 status_bar: true,
33 extensions: [{
34 name: 'filtersVisibility',
35 visible_at_start: false
36 }]
37};
38
39var tf = new TableFilter('demo', tfConfig);
40tf.init();
41</script>
42
43<!-- @import partials/pre-inline-script.html -->
44</body>
45</html>