| <!DOCTYPE html> |
| <style> |
| body { |
| font-size: 30px; |
| line-height: 50px; |
| } |
| </style> |
| <script> |
| if (window.testRunner) |
| testRunner.setPrinting(); |
| </script> |
| Passes if there is a green circle before each "Header" and a red circle before each "Footer". |
| <div style="height: 1000px"></div> |
| <table> |
| <thead> |
| <tr> |
| <th> |
| <svg height="30" width="30"> |
| <circle cx="15" cy="15" r="15" fill="green" /> |
| </svg> |
| Header |
| </th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>1</td> |
| </tr> |
| <tr> |
| <td>2</td> |
| </tr> |
| <tr> |
| <td>3</td> |
| </tr> |
| <tr> |
| <td>4</td> |
| </tr> |
| <tr> |
| <td>5</td> |
| </tr> |
| <tr> |
| <td>6</td> |
| </tr> |
| <tr> |
| <td>7</td> |
| </tr> |
| <tr> |
| <td>8</td> |
| </tr> |
| <tr> |
| <td>9</td> |
| </tr> |
| <tr> |
| <td>10</td> |
| </tr> |
| <tr> |
| <td>11</td> |
| </tr> |
| <tr> |
| <td>12</td> |
| </tr> |
| <tr> |
| <td>13</td> |
| </tr> |
| <tr> |
| <td>14</td> |
| </tr> |
| <tr> |
| <td>15</td> |
| </tr> |
| <tr> |
| <td>16</td> |
| </tr> |
| <tr> |
| <td>17</td> |
| </tr> |
| <tr> |
| <td>18</td> |
| </tr> |
| <tr> |
| <td>19</td> |
| </tr> |
| <tr> |
| <td>20</td> |
| </tr> |
| <tr> |
| <td>21</td> |
| </tr> |
| <tr> |
| <td>22</td> |
| </tr> |
| <tr> |
| <td>23</td> |
| </tr> |
| <tr> |
| <td>24</td> |
| </tr> |
| <tr> |
| <td>25</td> |
| </tr> |
| <tr> |
| <td>26</td> |
| </tr> |
| <tr> |
| <td>27</td> |
| </tr> |
| <tr> |
| <td>28</td> |
| </tr> |
| <tr> |
| <td>29</td> |
| </tr> |
| <tr> |
| <td>30</td> |
| </tr> |
| <tr> |
| <td>31</td> |
| </tr> |
| <tr> |
| <td>32</td> |
| </tr> |
| </tbody> |
| <tfoot> |
| <tr> |
| <th> |
| <svg height="30" width="30"> |
| <circle cx="15" cy="15" r="15" fill="red" /> |
| </svg> |
| Footer |
| </th> |
| </tr> |
| </tfoot> |
| </table> |
| <div style="height: 1000px"></div> |