mirror of
https://github.com/koalyptus/TableFilter.git
synced 2024-05-13 03:46:41 +02:00
85 lines
2.4 KiB
HTML
85 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>HTML Table Filter Generator</title>
|
|
<script data-main="../dist/tf-main" src="../dist/libs/require.js"></script>
|
|
</head>
|
|
<body>
|
|
<table id="demo" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<th>From</th>
|
|
<th>Destination</th>
|
|
<th>Road Distance (km)</th>
|
|
<th>By Air (hrs)</th>
|
|
<th width="15%">By Rail (hrs)</th>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Sydney</strong></td>
|
|
<td>Adelaide</td>
|
|
<td>1412</td>
|
|
<td>1.4</td>
|
|
<td>25.3</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Sydney</strong></td>
|
|
<td>Brisbane</td>
|
|
<td>982</td>
|
|
<td>1.5</td>
|
|
<td>16</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Sydney</strong></td>
|
|
<td>Canberra</td>
|
|
<td>286</td>
|
|
<td>.6</td>
|
|
<td>4.3</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Sydney</strong></td>
|
|
<td>Melbourne</td>
|
|
<td>872</td>
|
|
<td>1.1</td>
|
|
<td>10.5</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Adelaide</strong></td>
|
|
<td>Perth</td>
|
|
<td>2781</td>
|
|
<td>3.1</td>
|
|
<td>38</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Adelaide</strong></td>
|
|
<td>Alice Springs</td>
|
|
<td>1533</td>
|
|
<td>2</td>
|
|
<td>20.25</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>Adelaide</strong></td>
|
|
<td>Brisbane</td>
|
|
<td>2045</td>
|
|
<td>2.15</td>
|
|
<td>40</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<script>
|
|
// var tf = setFilterGrid("demo", {
|
|
// col_0: 'select',
|
|
// col_3: 'checklist',
|
|
// base_path: './',
|
|
// enable_default_theme: true,
|
|
// paging: false,
|
|
// alternate_rows: true,
|
|
// highlight_keywords: true,
|
|
// match_case: false,
|
|
// remember_grid_values: true,
|
|
// btn_reset: true,
|
|
// grid_layout: false
|
|
// });
|
|
</script>
|
|
</body>
|
|
</html> |