UNPKG

1.04 kBHTMLView Raw
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <title>{NAME} v{VERSION} - Load filters on demand Demo</title>
5 <!-- @import partials/style.html -->
6</head>
7<body>
8<h1>{NAME} v{VERSION}</h1>
9<h2>Load filters on demand demo</h2>
10<p>
11 The filter options are loaded only when used for the first time.
12</p>
13
14<!-- @import partials/pre.html -->
15<!-- @import partials/countries-table.html -->
16
17<!-- @import partials/tablefilter-script.html -->
18<script data-config>
19var tfConfig = {
20 base_path: '../dist/tablefilter/',
21 col_widths: [
22 '150px', '100px', '100px',
23 '100px', '100px', '100px',
24 '90px', '90px', '90px'
25 ],
26 alternate_rows: true,
27 rows_counter: true,
28 btn_reset: true,
29 status_bar: true,
30 load_filters_on_demand: true,
31 sticky_headers: true,
32 col_0: 'multiple',
33 col_1: 'select',
34 col_2: 'checklist'
35};
36
37var tf = new TableFilter('demo', tfConfig);
38tf.init();
39</script>
40<!-- @import partials/pre-inline-script.html -->
41</body>
42</html>