|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|
<html> |
|
<head> |
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
|
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" /> |
|
|
|
<title>DataTables example</title> |
|
<style type="text/css" title="currentStyle"> |
|
@import "../../css/demo_page.css"; |
|
@import "../../css/demo_table.css"; |
|
</style> |
|
<script type="text/javascript" language="javascript" src="../../js/jquery.js"></script> |
|
<script type="text/javascript" language="javascript" src="../../js/jquery.dataTables.js"></script> |
|
<script type="text/javascript" charset="utf-8"> |
|
$(document).ready(function() { |
|
var oTable = $('#example').dataTable(); |
|
var oSettings = oTable.fnSettings(); |
|
var iStart = new Date().getTime(); |
|
|
|
for ( var i=0, iLen=100 ; i<iLen ; i++ ) |
|
{ |
|
console.profile( ); |
|
oTable.fnSort( [[1, 'asc']] ); |
|
oTable.fnSort( [[0, 'asc']] ); |
|
console.profileEnd( ); |
|
} |
|
|
|
var iEnd = new Date().getTime(); |
|
document.getElementById('output').innerHTML = "Test took "+(iEnd-iStart)+"mS"; |
|
} ); |
|
</script> |
|
</head> |
|
<body id="dt_example"> |
|
<div id="container"> |
|
<div class="full_width big"> |
|
<i>DataTables</i> performance test - draw |
|
</div> |
|
<div id="output"></div> |
|
|
|
<div id="demo"> |
|
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"> |
|
<thead> |
|
<tr> |
|
<th>Rendering engine</th> |
|
<th>Browser</th> |
|
<th>Platform(s)</th> |
|
<th>Engine version</th> |
|
<th>CSS grade</th> |
|
</tr> |
|
</thead> |
|
<tbody> |
|
<tr class="gradeX"> |
|
<td>Trident</td> |
|
<td>Internet |
|
Explorer 4.0</td> |
|
<td>Win 95+</td> |
|
<td class="center">4</td> |
|
<td class="center">X</td> |
|
</tr> |
|
<tr class="gradeC"> |
|
<td>Trident</td> |
|
<td>Internet |
|
Explorer 5.0</td> |
|
<td>Win 95+</td> |
|
<td class="center">5</td> |
|
<td class="center">C</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Trident</td> |
|
<td>Internet |
|
Explorer 5.5</td> |
|
<td>Win 95+</td> |
|
<td class="center">5.5</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Trident</td> |
|
<td>Internet |
|
Explorer 6</td> |
|
<td>Win 98+</td> |
|
<td class="center">6</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Trident</td> |
|
<td>Internet Explorer 7</td> |
|
<td>Win XP SP2+</td> |
|
<td class="center">7</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Trident</td> |
|
<td>AOL browser (AOL desktop)</td> |
|
<td>Win XP</td> |
|
<td class="center">6</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Firefox 1.0</td> |
|
<td>Win 98+ / OSX.2+</td> |
|
<td class="center">1.7</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Firefox 1.5</td> |
|
<td>Win 98+ / OSX.2+</td> |
|
<td class="center">1.8</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Firefox 2.0</td> |
|
<td>Win 98+ / OSX.2+</td> |
|
<td class="center">1.8</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Firefox 3.0</td> |
|
<td>Win 2k+ / OSX.3+</td> |
|
<td class="center">1.9</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Camino 1.0</td> |
|
<td>OSX.2+</td> |
|
<td class="center">1.8</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Camino 1.5</td> |
|
<td>OSX.3+</td> |
|
<td class="center">1.8</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Netscape 7.2</td> |
|
<td>Win 95+ / Mac OS 8.6-9.2</td> |
|
<td class="center">1.7</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Netscape Browser 8</td> |
|
<td>Win 98SE+</td> |
|
<td class="center">1.7</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Netscape Navigator 9</td> |
|
<td>Win 98+ / OSX.2+</td> |
|
<td class="center">1.8</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Mozilla 1.0</td> |
|
<td>Win 95+ / OSX.1+</td> |
|
<td class="center">1</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Mozilla 1.1</td> |
|
<td>Win 95+ / OSX.1+</td> |
|
<td class="center">1.1</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Mozilla 1.2</td> |
|
<td>Win 95+ / OSX.1+</td> |
|
<td class="center">1.2</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Mozilla 1.3</td> |
|
<td>Win 95+ / OSX.1+</td> |
|
<td class="center">1.3</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Mozilla 1.4</td> |
|
<td>Win 95+ / OSX.1+</td> |
|
<td class="center">1.4</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Mozilla 1.5</td> |
|
<td>Win 95+ / OSX.1+</td> |
|
<td class="center">1.5</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Mozilla 1.6</td> |
|
<td>Win 95+ / OSX.1+</td> |
|
<td class="center">1.6</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Mozilla 1.7</td> |
|
<td>Win 98+ / OSX.1+</td> |
|
<td class="center">1.7</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Mozilla 1.8</td> |
|
<td>Win 98+ / OSX.1+</td> |
|
<td class="center">1.8</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Seamonkey 1.1</td> |
|
<td>Win 98+ / OSX.2+</td> |
|
<td class="center">1.8</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Gecko</td> |
|
<td>Epiphany 2.20</td> |
|
<td>Gnome</td> |
|
<td class="center">1.8</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Webkit</td> |
|
<td>Safari 1.2</td> |
|
<td>OSX.3</td> |
|
<td class="center">125.5</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Webkit</td> |
|
<td>Safari 1.3</td> |
|
<td>OSX.3</td> |
|
<td class="center">312.8</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Webkit</td> |
|
<td>Safari 2.0</td> |
|
<td>OSX.4+</td> |
|
<td class="center">419.3</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Webkit</td> |
|
<td>Safari 3.0</td> |
|
<td>OSX.4+</td> |
|
<td class="center">522.1</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Webkit</td> |
|
<td>OmniWeb 5.5</td> |
|
<td>OSX.4+</td> |
|
<td class="center">420</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Webkit</td> |
|
<td>iPod Touch / iPhone</td> |
|
<td>iPod</td> |
|
<td class="center">420.1</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Webkit</td> |
|
<td>S60</td> |
|
<td>S60</td> |
|
<td class="center">413</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Presto</td> |
|
<td>Opera 7.0</td> |
|
<td>Win 95+ / OSX.1+</td> |
|
<td class="center">-</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Presto</td> |
|
<td>Opera 7.5</td> |
|
<td>Win 95+ / OSX.2+</td> |
|
<td class="center">-</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Presto</td> |
|
<td>Opera 8.0</td> |
|
<td>Win 95+ / OSX.2+</td> |
|
<td class="center">-</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Presto</td> |
|
<td>Opera 8.5</td> |
|
<td>Win 95+ / OSX.2+</td> |
|
<td class="center">-</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Presto</td> |
|
<td>Opera 9.0</td> |
|
<td>Win 95+ / OSX.3+</td> |
|
<td class="center">-</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Presto</td> |
|
<td>Opera 9.2</td> |
|
<td>Win 88+ / OSX.3+</td> |
|
<td class="center">-</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Presto</td> |
|
<td>Opera 9.5</td> |
|
<td>Win 88+ / OSX.3+</td> |
|
<td class="center">-</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Presto</td> |
|
<td>Opera for Wii</td> |
|
<td>Wii</td> |
|
<td class="center">-</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Presto</td> |
|
<td>Nokia N800</td> |
|
<td>N800</td> |
|
<td class="center">-</td> |
|
<td class="center">A</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>Presto</td> |
|
<td>Nintendo DS browser</td> |
|
<td>Nintendo DS</td> |
|
<td class="center">8.5</td> |
|
<td class="center">C/A<sup>1</sup></td> |
|
</tr> |
|
<tr class="gradeC"> |
|
<td>KHTML</td> |
|
<td>Konqureror 3.1</td> |
|
<td>KDE 3.1</td> |
|
<td class="center">3.1</td> |
|
<td class="center">C</td> |
|
</tr> |
|
<tr class="gradeA"> |
|
<td>KHTML</td> |
|
<td>Konqureror 3.3</td> |
|
<td>KDE 3.3</td> |
|
<td class="center">3.3</td> |
|