diff --git a/dist/pivot.js b/dist/pivot.js
index d5802f3e..65ff9972 100644
--- a/dist/pivot.js
+++ b/dist/pivot.js
@@ -735,7 +735,7 @@
     Default Renderer for hierarchical table layout
      */
     pivotTableRenderer = function(pivotData, opts) {
-      var aggregator, c, colAttrs, colKey, colKeys, defaults, i, j, r, result, rowAttrs, rowKey, rowKeys, spanSize, td, th, totalAggregator, tr, txt, val, x;
+      var aggregator, c, colAttrs, colKey, colKeys, defaults, i, j, r, result, rowAttrs, rowKey, rowKeys, spanSize, thead, tbody, tfoot, td, th, totalAggregator, tr, txt, val, x;
       defaults = {
         localeStrings: {
           totals: "Totals"
@@ -748,6 +748,9 @@
       colKeys = pivotData.getColKeys();
       result = document.createElement("table");
       result.className = "pvtTable";
+      thead = document.createElement("thead");
+      tbody = document.createElement("tbody");
+      tfoot = document.createElement("tfoot");
       spanSize = function(arr, i, j) {
         var l, len, n, noDraw, ref, ref1, stop, x;
         if (i !== 0) {
@@ -812,7 +815,7 @@
           th.setAttribute("rowspan", colAttrs.length + (rowAttrs.length === 0 ? 0 : 1));
           tr.appendChild(th);
         }
-        result.appendChild(tr);
+        thead.appendChild(tr);
       }
       if (rowAttrs.length !== 0) {
         tr = document.createElement("tr");
@@ -830,26 +833,38 @@
           th.innerHTML = opts.localeStrings.totals;
         }
         tr.appendChild(th);
-        result.appendChild(tr);
+        thead.appendChild(tr);
       }
       for (i in rowKeys) {
         if (!hasProp.call(rowKeys, i)) continue;
         rowKey = rowKeys[i];
         tr = document.createElement("tr");
         for (j in rowKey) {
-          if (!hasProp.call(rowKey, j)) continue;
-          txt = rowKey[j];
-          x = spanSize(rowKeys, parseInt(i), parseInt(j));
-          if (x !== -1) {
-            th = document.createElement("th");
-            th.className = "pvtRowLabel";
-            th.innerHTML = txt;
-            th.setAttribute("rowspan", x);
-            if (parseInt(j) === rowAttrs.length - 1 && colAttrs.length !== 0) {
-              th.setAttribute("colspan", 2);
+            if (opts.datatablesEnabled === true ){
+                if (!hasProp.call(rowKey, j)) continue;
+                txt = rowKey[j];
+                th = document.createElement("th");
+                th.className = "pvtRowLabel";
+                th.innerHTML = txt;
+                tr.appendChild(th);
+                if (parseInt(j) === rowAttrs.length - 1 && colAttrs.length !== 0) {
+                    tr.appendChild(document.createElement("th"));
+                }
+            } else {
+              if (!hasProp.call(rowKey, j)) continue;
+              txt = rowKey[j];
+              x = spanSize(rowKeys, parseInt(i), parseInt(j));
+              if (x !== -1) {
+                th = document.createElement("th");
+                th.className = "pvtRowLabel";
+                th.innerHTML = txt;
+                th.setAttribute("rowspan", x);
+                if (parseInt(j) === rowAttrs.length - 1 && colAttrs.length !== 0) {
+                  th.setAttribute("colspan", 2);
+                }
+                tr.appendChild(th);
+              }
             }
-            tr.appendChild(th);
-          }
         }
         for (j in colKeys) {
           if (!hasProp.call(colKeys, j)) continue;
@@ -870,7 +885,7 @@
         td.setAttribute("data-value", val);
         td.setAttribute("data-for", "row" + i);
         tr.appendChild(td);
-        result.appendChild(tr);
+        tbody.appendChild(tr);
       }
       tr = document.createElement("tr");
       th = document.createElement("th");
@@ -897,9 +912,13 @@
       td.innerHTML = totalAggregator.format(val);
       td.setAttribute("data-value", val);
       tr.appendChild(td);
-      result.appendChild(tr);
+      result.appendChild(thead);
+      result.appendChild(tbody);
+      tfoot.appendChild(tr);
+      result.appendChild(tfoot);
       result.setAttribute("data-numrows", rowKeys.length);
       result.setAttribute("data-numcols", colKeys.length);
+      result.isDirective = false;
       return result;
     };
 
@@ -921,6 +940,7 @@
         derivedAttributes: {},
         renderer: pivotTableRenderer,
         rendererOptions: null,
+        datatablesEnabled: false,
         localeStrings: locales.en.localeStrings
       };
       opts = $.extend(defaults, opts);
diff --git a/pivot.coffee b/pivot.coffee
index ccac14b2..b053bdf9 100644
--- a/pivot.coffee
+++ b/pivot.coffee
@@ -390,6 +390,9 @@ callWithJQuery ($) ->
         #now actually build the output
         result = document.createElement("table")
         result.className = "pvtTable"
+        thead = document.createElement("thead");
+        tbody = document.createElement("tbody");
+        tfoot = document.createElement("tfoot");
 
         #helper function for setting row/col-span in pivotTableRenderer
         spanSize = (arr, i, j) ->
@@ -437,7 +440,7 @@ callWithJQuery ($) ->
                 th.innerHTML = opts.localeStrings.totals
                 th.setAttribute("rowspan", colAttrs.length + (if rowAttrs.length ==0 then 0 else 1))
                 tr.appendChild th
-            result.appendChild tr
+            thead.appendChild tr
 
         #then a row for row header headers
         if rowAttrs.length !=0
@@ -452,21 +455,29 @@ callWithJQuery ($) ->
                 th.className = "pvtTotalLabel"
                 th.innerHTML = opts.localeStrings.totals
             tr.appendChild th
-            result.appendChild tr
+            thead.appendChild tr
 
         #now the actual data rows, with their row headers and totals
         for own i, rowKey of rowKeys
             tr = document.createElement("tr")
             for own j, txt of rowKey
-                x = spanSize(rowKeys, parseInt(i), parseInt(j))
-                if x != -1
-                    th = document.createElement("th")
-                    th.className = "pvtRowLabel"
+                if opts.datatablesEnabled == true
+                    th = document.createElement('th')
+                    th.className = 'pvtRowLabel'
                     th.innerHTML = txt
-                    th.setAttribute("rowspan", x)
-                    if parseInt(j) == rowAttrs.length-1 and colAttrs.length !=0
-                        th.setAttribute("colspan",2)
                     tr.appendChild th
+                    if parseInt(j) == rowAttrs.length-1 and colAttrs.length !=0
+                        tr.appendChild document.createElement('th')
+                        else
+                            x = spanSize(rowKeys, parseInt(i), parseInt(j))
+                            if x != -1
+                                th = document.createElement("th")
+                                th.className = "pvtRowLabel"
+                                th.innerHTML = txt
+                                th.setAttribute("rowspan", x)
+                                if parseInt(j) == rowAttrs.length-1 and colAttrs.length !=0
+                                    th.setAttribute("colspan",2)
+                                    tr.appendChild th
             for own j, colKey of colKeys #this is the tight loop
                 aggregator = pivotData.getAggregator(rowKey, colKey)
                 val = aggregator.value()
@@ -484,7 +495,7 @@ callWithJQuery ($) ->
             td.setAttribute("data-value", val)
             td.setAttribute("data-for", "row"+i)
             tr.appendChild td
-            result.appendChild tr
+            tbody.appendChild tr
 
         #finally, the row for col totals, and a grand total
         tr = document.createElement("tr")
@@ -504,12 +515,15 @@ callWithJQuery ($) ->
             tr.appendChild td
         totalAggregator = pivotData.getAggregator([], [])
         val = totalAggregator.value()
-        td = document.createElement("td")
-        td.className = "pvtGrandTotal"
+        td = document.createElement('td')
+        td.className = 'pvtGrandTotal'
         td.innerHTML = totalAggregator.format(val)
         td.setAttribute("data-value", val)
         tr.appendChild td
-        result.appendChild tr
+        result.appendChild thead
+        result.appendChild tbody
+        tfoot.appendChild tr
+        result.appendChild tfoot
 
         #squirrel this away for later
         result.setAttribute("data-numrows", rowKeys.length)
@@ -532,7 +546,8 @@ callWithJQuery ($) ->
             sorters: -> 
             derivedAttributes: {},
             renderer: pivotTableRenderer
-            rendererOptions: null
+            rendererOptions: null,
+            datatablesEnabled: false,
             localeStrings: locales.en.localeStrings
 
         opts = $.extend defaults, opts