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