UNPKG

4.78 kBHTMLView Raw
1<!DOCTYPE html>
2<html>
3 <head>
4 <meta charset="utf-8">
5 <title>TableFilter column sort with grid layout mode</title>
6 <link rel="stylesheet" href="libs/qunit/qunit.css">
7 <script src="libs/qunit/qunit.js"></script>
8 <script src="libs/polyfill.js"></script>
9 </head>
10 <body>
11 <table id="demo" cellpadding="0" cellspacing="0">
12 <thead>
13 <tr>
14 <th>From</th>
15 <th>Destination</th>
16 <th>Road Distance (km)</th>
17 <th>By Air (hrs)</th>
18 <th>By Rail (hrs)</th>
19 </tr>
20 </thead>
21 <tbody>
22 <tr>
23 <td><strong>Sydney</strong></td>
24 <td>Adelaide</td>
25 <td>1412</td>
26 <td>1.4</td>
27 <td>25.3</td>
28 </tr>
29 <tr>
30 <td><strong>Sydney</strong></td>
31 <td>Brisbane</td>
32 <td>982</td>
33 <td>1.5</td>
34 <td>16</td>
35 </tr>
36 <tr>
37 <td><strong>Sydney</strong></td>
38 <td>Canberra</td>
39 <td>286</td>
40 <td>.6</td>
41 <td>4.3</td>
42 </tr>
43 <tr>
44 <td><strong>Sydney</strong></td>
45 <td>Melbourne</td>
46 <td>872</td>
47 <td>1.1</td>
48 <td>10.5</td>
49 </tr>
50 <tr>
51 <td><strong>Adelaide</strong></td>
52 <td>Perth</td>
53 <td>2781</td>
54 <td>3.1</td>
55 <td>38</td>
56 </tr>
57 <tr>
58 <td><strong>Adelaide</strong></td>
59 <td>Alice Springs</td>
60 <td>1533</td>
61 <td>2</td>
62 <td>20.25</td>
63 </tr>
64 <tr>
65 <td><strong>Adelaide</strong></td>
66 <td>Brisbane</td>
67 <td>2045</td>
68 <td>2.15</td>
69 <td>40</td>
70 </tr>
71 </tbody>
72 </table>
73
74 <table id="demo2" cellpadding="0" cellspacing="0">
75 <thead>
76 <tr>
77 <th>From</th>
78 <th>Destination</th>
79 <th>Road Distance (km)</th>
80 <th>By Air (hrs)</th>
81 <th>By Rail (hrs)</th>
82 </tr>
83 </thead>
84 <tbody>
85 <tr>
86 <td><strong>Sydney</strong></td>
87 <td>Adelaide</td>
88 <td>1412</td>
89 <td>1.4</td>
90 <td>25.3</td>
91 </tr>
92 <tr>
93 <td><strong>Sydney</strong></td>
94 <td>Brisbane</td>
95 <td>982</td>
96 <td>1.5</td>
97 <td>16</td>
98 </tr>
99 <tr>
100 <td><strong>Sydney</strong></td>
101 <td>Canberra</td>
102 <td>286</td>
103 <td>.6</td>
104 <td>4.3</td>
105 </tr>
106 <tr>
107 <td><strong>Sydney</strong></td>
108 <td>Melbourne</td>
109 <td>872</td>
110 <td>1.1</td>
111 <td>10.5</td>
112 </tr>
113 <tr>
114 <td><strong>Adelaide</strong></td>
115 <td>Perth</td>
116 <td>2781</td>
117 <td>3.1</td>
118 <td>38</td>
119 </tr>
120 <tr>
121 <td><strong>Adelaide</strong></td>
122 <td>Alice Springs</td>
123 <td>1533</td>
124 <td>2</td>
125 <td>20.25</td>
126 </tr>
127 <tr>
128 <td><strong>Adelaide</strong></td>
129 <td>Brisbane</td>
130 <td>2045</td>
131 <td>2.15</td>
132 <td>40</td>
133 </tr>
134 </tbody>
135 </table>
136
137 <script src="../dist/tablefilter/tablefilter.js"></script>
138 <script src="test-sort-grid-layout.js"></script>
139
140 <div id="qunit"></div>
141 <div id="qunit-fixture"></div>
142 </body>
143</html>
\No newline at end of file