UNPKG

1.13 kBHTMLView Raw
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <title>{NAME} v{VERSION} - Auto-filter Demo</title>
5 <!-- @import partials/style.html -->
6</head>
7<body>
8<h1>{NAME} v{VERSION}</h1>
9<h2>Auto-filter demo</h2>
10<p>
11 This demo features the auto-filter behaviour, the table is filtered as soon
12 as the user stops typing.
13</p>
14
15<!-- @import partials/pre.html -->
16<!-- @import partials/countries-table.html -->
17
18<!-- @import partials/tablefilter-script.html -->
19<script data-config>
20 var filtersConfig = {
21 base_path: '../dist/tablefilter/',
22 auto_filter: {
23 delay: 750 // milliseconds
24 },
25 filters_row_index: 1,
26 state: true,
27 alternate_rows: true,
28 rows_counter: {
29 text: 'Rows: '
30 },
31 btn_reset: true,
32 status_bar: true,
33 sticky_headers: true,
34 msg_filter: 'Filtering...'
35 };
36
37 var tf = new TableFilter(
38 document.querySelector('#demo'),
39 filtersConfig
40 );
41 tf.init();
42
43</script>
44<!-- @import partials/pre-inline-script.html -->
45</body>
46</html>