Test name | Executions per second |
---|---|
floatThead 2.1.2 | 0.0 Ops/sec |
floatThead 1.2.12 | 3578.8 Ops/sec |
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>
<table>
<thead>
<tr>
<th colspan="3">Invoice #123456789</th>
<th>14 January 2025</th>
</tr>
<tr>
<td colspan="2">
<strong>Pay to:</strong><br />
Acme Billing Co.<br />
123 Main St.<br />
Cityville, NA 12345
</td>
<td colspan="2">
<strong>Customer:</strong><br />
John Smith<br />
321 Willow Way<br />
Southeast Northwestershire, MA 54321
</td>
</tr>
</thead>
<tbody>
<tr>
<th>Name / Description</th>
<th>Qty.</th>
<th>@</th>
<th>Cost</th>
</tr>
<tr>
<td>Paperclips</td>
<td>1000</td>
<td>0.01</td>
<td>10.00</td>
</tr>
<tr>
<td>Staples (box)</td>
<td>100</td>
<td>1.00</td>
<td>100.00</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="3">Subtotal</th>
<td> 110.00</td>
</tr>
<tr>
<th colspan="2">Tax</th>
<td> 8% </td>
<td>8.80</td>
</tr>
<tr>
<th colspan="3">Grand Total</th>
<td>$ 118.80</td>
</tr>
</tfoot>
</table>
var js = document.createElement("script");
js.type = "text/javascript";
js.src = 'https://cdnjs.cloudflare.com/ajax/libs/floatthead/2.1.2/jquery.floatThead.min.js';
document.body.appendChild(js);
$('table').floatThead();
var js = document.createElement("script");
js.type = "text/javascript";
js.src = 'https://cdnjs.cloudflare.com/ajax/libs/floatthead/1.2.12/jquery.floatThead.min.js';
document.body.appendChild(js);
$('table').floatThead();