UNPKG

1.31 kBHTMLView Raw
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <title>{NAME} v{VERSION} - Grid Layout Demo</title>
5 <!-- @import partials/style.html -->
6</head>
7<body>
8<h1>{NAME} v{VERSION}</h1>
9<h2>Grid layout demo</h2>
10
11<!-- @import partials/pre.html -->
12<!-- @import partials/countries-table.html -->
13
14<!-- @import partials/tablefilter-script.html -->
15<script data-config>
16 var filtersConfig = {
17 base_path: '../dist/tablefilter/',
18 grid_layout: true,
19 alternate_rows: true,
20 btn_reset: true,
21 rows_counter: true,
22 loader: true,
23 status_bar: true,
24 no_results_message: true,
25 mark_active_columns: {
26 highlight_column: true
27 },
28 col_1: 'select',
29 col_2: 'select',
30 col_widths: [
31 '150px', '70px', '70px',
32 '120px', '120px', '100px',
33 '100px', '100px', '100px'
34 ],
35 col_types: [
36 'string', 'string', 'number',
37 'number', 'number', 'number',
38 'number', 'number', 'number'
39 ],
40 extensions:[{
41 name: 'sort'
42 }]
43 };
44
45 var tf = new TableFilter('demo', filtersConfig);
46 tf.init();
47
48</script>
49<!-- @import partials/pre-inline-script.html -->
50</body>
51</html>