| 1 | <!DOCTYPE html>
|
| 2 | <html>
|
| 3 | <head>
|
| 4 | <meta charset="utf-8">
|
| 5 | <title>TableFilter pop-up filters with grouped headers</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 | <p>
|
| 12 | Tests for <a href="https://jsfiddle.net/wLexc6pt/6/">
|
| 13 | https://jsfiddle.net/wLexc6pt/6/</a> fiddle
|
| 14 | </p>
|
| 15 | <table id="demo">
|
| 16 | <thead>
|
| 17 | <tr>
|
| 18 | <th colspan="3">Colspan Header</th>
|
| 19 | <th colspan="4">Colspan Header</th>
|
| 20 | </tr>
|
| 21 | <tr>
|
| 22 | <th>SubHeader</th>
|
| 23 | <th>SubHeader</th>
|
| 24 | <th>SubHeader</th>
|
| 25 | <th>SubHeader</th>
|
| 26 | <th>SubHeader</th>
|
| 27 | <th>SubHeader</th>
|
| 28 | <th>SubHeader</th>
|
| 29 | </tr>
|
| 30 | </thead>
|
| 31 | <tbody>
|
| 32 | <tr>
|
| 33 | <td>Value</td>
|
| 34 | <td>Value</td>
|
| 35 | <td>Value</td>
|
| 36 | <td>Filter Value 1</td>
|
| 37 | <td>Filter Value 1</td>
|
| 38 | <td>Filter Value 1</td>
|
| 39 | <td>Filter Value 1</td>
|
| 40 | </tr>
|
| 41 | <tr>
|
| 42 | <td>Value</td>
|
| 43 | <td>Value</td>
|
| 44 | <td>Value</td>
|
| 45 | <td>Filter Value 1</td>
|
| 46 | <td>Filter Value 1</td>
|
| 47 | <td>Filter Value 1</td>
|
| 48 | <td>Filter Value 1</td>
|
| 49 | </tr>
|
| 50 | <tr>
|
| 51 | <td>Value</td>
|
| 52 | <td>Value</td>
|
| 53 | <td>Value</td>
|
| 54 | <td>Filter Value 2</td>
|
| 55 | <td>Filter Value 2</td>
|
| 56 | <td>Filter Value 2</td>
|
| 57 | <td>Filter Value 2</td>
|
| 58 | </tr>
|
| 59 | <tr>
|
| 60 | <td>Value</td>
|
| 61 | <td>Value</td>
|
| 62 | <td>Value</td>
|
| 63 | <td>Filter Value 3</td>
|
| 64 | <td>Filter Value 3</td>
|
| 65 | <td>Filter Value 3</td>
|
| 66 | <td>Filter Value 3</td>
|
| 67 | </tr>
|
| 68 | <tr>
|
| 69 | <td>Value</td>
|
| 70 | <td>Value</td>
|
| 71 | <td>Value</td>
|
| 72 | <td>Filter Value 3</td>
|
| 73 | <td>Filter Value 3</td>
|
| 74 | <td>Filter Value 3</td>
|
| 75 | <td>Filter Value 3</td>
|
| 76 | </tr>
|
| 77 | <tr>
|
| 78 | <td>Value</td>
|
| 79 | <td>Value</td>
|
| 80 | <td>Value</td>
|
| 81 | <td>Filter Value 4</td>
|
| 82 | <td>Filter Value 4</td>
|
| 83 | <td>Filter Value 4</td>
|
| 84 | <td>Filter Value 4</td>
|
| 85 | </tr>
|
| 86 | <tr>
|
| 87 | <td>Value</td>
|
| 88 | <td>Value</td>
|
| 89 | <td>Value</td>
|
| 90 | <td>Filter Value 5</td>
|
| 91 | <td>Filter Value 5</td>
|
| 92 | <td>Filter Value 5</td>
|
| 93 | <td>Filter Value 5</td>
|
| 94 | </tr>
|
| 95 | </tbody>
|
| 96 | </table>
|
| 97 |
|
| 98 | <script src="../dist/tablefilter/tablefilter.js"></script>
|
| 99 | <script src="test-popup-filters-grouped-headers.js"></script>
|
| 100 |
|
| 101 | <div id="qunit"></div>
|
| 102 | <div id="qunit-fixture"></div>
|
| 103 | </body>
|
| 104 | </html>
|