<!DOCTYPE html> | |
<style> | |
body { | |
font-size: 30px; | |
line-height: 50px; | |
} | |
thead, tfoot { | |
will-change: transform; | |
} | |
</style> | |
<script> | |
if (window.testRunner) | |
testRunner.setPrinting(); | |
</script> | |
<table> | |
<thead> | |
<tr> | |
<th>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>Footer</th> | |
</tr> | |
</tfoot> | |
</table> |