Wrap Testing

Benchmark created on


Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<table id="test" class="head" style="width: 666px;"><colgroup><col style="width: 26px;"><col style="width: 43px;"><col style="width: 27px;"><col style="width: 136px;"><col style="width: 82px;"><col style="width: 70px;"><col style="width: 88px;"><col style="width: 88px;"><col style="width: 89px;"><col style="width: 139px;"></colgroup><thead>
                                        <tr>
                                        <input type="hidden" value="" name="sortField" id="sortField">
                                        <input type="hidden" value="" name="sortSeq" id="sortSeq">
                                        
                                        <th nowrap="nowrap" class="ui-widget-content ui-state-default" style="overflow: hidden;"><span class="ui-resize"></span><input type="checkbox" name="selectAll" id="selectAll" class="cursor_pointer"></th>
                                        
                                        <th nowrap="nowrap" id="th_1" class="ui-widget-content ui-state-default" style="overflow: hidden;"><span class="ui-resize"></span><a href="#">Sts</a></th>
                                        <th nowrap="nowrap" class="ui-widget-content ui-state-default" style="overflow: hidden;"><span class="ui-resize"></span>&nbsp;</th>
                                        <th nowrap="nowrap" id="th_2" class="ui-widget-content ui-state-default" style="overflow: hidden;"><span class="ui-resize"></span><a href="#">
                                                
                                                        Fty Rpt#
                                                
                                                
                                        <img src="/mqc/images/arrow_up.gif"></a></th>           
                                        <th nowrap="nowrap" id="th_3" class="ui-widget-content ui-state-default" style="overflow: hidden;"><span class="ui-resize"></span><a href="#">Type</a></th>
                                        <th nowrap="nowrap" id="th_4" class="ui-widget-content ui-state-default" style="overflow: hidden;"><span class="ui-resize"></span><a href="#">Factory</a></th>                                  
                                        <th nowrap="nowrap" id="th_5" class="ui-widget-content ui-state-default" style="overflow: hidden;"><span class="ui-resize"></span><a href="#">Prop. Date</a></th>       
                                        <th nowrap="nowrap" id="th_6" class="ui-widget-content ui-state-default" style="overflow: hidden;"><span class="ui-resize"></span><a href="#">Plan. Date</a></th>
                                        
                                        <th nowrap="nowrap" id="th_7" class="ui-widget-content ui-state-default" style="overflow: hidden;"><span class="ui-resize"></span><a href="#">Modified By</a></th>                                      
                                        <th nowrap="nowrap" id="th_8" class="ui-widget-content ui-state-default" style="overflow: hidden;"><span class="ui-resize"></span><a href="#">Modified Date</a></th>
                                        </tr>
                                </thead></table>

Test runner

Ready to run.

Testing in
TestOps/sec
wrap

var table = $("#test"); 
table.wrap('<div class="body ui-widget-content"></div>')
ready
append
var table = $("#test"); 
$('<div class="body ui-widget-content"></div>').insertBefore(table).append(table);
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.