floatThead v2.1.2 vs floatThead 1.2.12

floatThead performance
5 years ago
User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36
Test name Executions per second
floatThead 2.1.2 1908.0 Ops/sec
floatThead 1.2.12 1486.6 Ops/sec
HTML Preparation code:
AخA
 
1
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>
2
<table>
3
  <thead>
4
    <tr>
5
      <th colspan="3">Invoice #123456789</th>
6
      <th>14 January 2025</th>
7
    </tr>
8
    <tr>
9
     <td colspan="2">
10
      <strong>Pay to:</strong><br />
11
      Acme Billing Co.<br />
12
      123 Main St.<br />
13
      Cityville, NA 12345
14
     </td>
15
     <td colspan="2">
16
      <strong>Customer:</strong><br />
17
      John Smith<br />
18
      321 Willow Way<br />
19
      Southeast Northwestershire, MA 54321
20
     </td>
21
    </tr>
22
   </thead>
23
   <tbody>
24
    <tr>
25
     <th>Name / Description</th>
26
     <th>Qty.</th>
27
     <th>@</th>
28
     <th>Cost</th>
29
    </tr>
30
    <tr>
31
     <td>Paperclips</td>
32
     <td>1000</td>
33
     <td>0.01</td>
34
     <td>10.00</td>
35
    </tr>
36
    <tr>
37
     <td>Staples (box)</td>
38
     <td>100</td>
39
     <td>1.00</td>
40
     <td>100.00</td>
41
    </tr>
42
   </tbody>
43
   <tfoot>
44
    <tr>
45
     <th colspan="3">Subtotal</th>
46
     <td> 110.00</td>
47
    </tr>
48
    <tr>
49
     <th colspan="2">Tax</th>
50
     <td> 8% </td>
51
     <td>8.80</td>
52
    </tr>
53
    <tr>
54
     <th colspan="3">Grand Total</th>
55
     <td>$ 118.80</td>
56
    </tr>
57
   </tfoot>
58
</table>
Tests:

  • floatThead 2.1.2

    ​x
     
    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();

  • floatThead 1.2.12

     
    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();
Open this result on MeasureThat.net