var numCols = 50;

var numRows = 10000;

var events = $('#events');

events.append('<div>Initializing HTML table with ' + numCols + ' columns and ' + numRows + ' rows, please wait.</div>');

​

setTimeout(function() {

  var startTime = Date.now();

​

  var table = document.createElement("TABLE");  //makes a table element for the page

​

  for(var j = 0; j < numRows; j++) {

​

    var row = table.insertRow(j);

​

    for(var i = 0; i < numCols; i++) {

      row.insertCell(0).innerHTML = j;

    }

​

  }

​

  var header = table.createTHead();

  var headerRow = header.insertRow(0);

  for(var i = 0; i < numCols; i++) {

    headerRow.insertCell(i).innerHTML = 'Col ' + i;

  }

​

  document.body.append(table);

  events.append('<div>HTML table build complete in ' + (Date.now() - startTime) + ' milliseconds.</div>');

​

  startTime = Date.now();

​

  var table = $('table').DataTable({

    initComplete: function() {

      events.append('<div>DT with orderClasses init complete in ' + (Date.now() - startTime) + ' milliseconds.</div>');

    }

​

  });

​

  table.destroy();

  startTime = Date.now();

​

  $('table').DataTable({

    orderClasses: false,

    initComplete: function() {

      events.append('<div>DT with orderClasses false init complete in ' + (Date.now() - startTime) + ' milliseconds.</div>');

    }

​

  });

}, 100);