diff --git a/demo/index.html b/demo/index.html
index ddee99cf..a02959a9 100755
--- a/demo/index.html
+++ b/demo/index.html
@@ -34,6 +34,7 @@
       </div>
       <div class="project-controls"></div>
     </div>
+    <div class="data-explorer-here"></div>
     <!--
     <div class="main_content">
       <div class="left-panel"></div>
diff --git a/demo/js/app.js b/demo/js/app.js
index 1bf6b6f6..a1a328e9 100755
--- a/demo/js/app.js
+++ b/demo/js/app.js
@@ -1,7 +1,7 @@
 $(function() {
   // do not like all these window globals ...
   // window.$container = $('.container .right-panel');
-  window.$container = $('.container');
+  window.$container = $('.data-explorer-here');
   var dataset = demoDataset();
   window.dataExplorer = new recline.View.DataExplorer({
     model: dataset
diff --git a/src/view.js b/src/view.js
index 6564b0ce..dfd55009 100644
--- a/src/view.js
+++ b/src/view.js
@@ -223,15 +223,15 @@ my.DataTable = Backbone.View.extend({
     <table class="data-table" cellspacing="0"> \
       <thead> \
         <tr> \
-          {{#notEmpty}}<td class="column-header"></td>{{/notEmpty}} \
+          {{#notEmpty}}<th class="column-header"></th>{{/notEmpty}} \
           {{#headers}} \
-            <td class="column-header"> \
+            <th class="column-header"> \
               <div class="column-header-title"> \
                 <a class="column-header-menu"></a> \
                 <span class="column-header-name">{{.}}</span> \
               </div> \
               </div> \
-            </td> \
+            </th> \
           {{/headers}} \
         </tr> \
       </thead> \
@@ -246,9 +246,7 @@ my.DataTable = Backbone.View.extend({
   },
   render: function() {
     var self = this;
-    var template = $( ".dataTableTemplate:first" ).html()
-      , htmls = $.mustache(template, this.toTemplateJSON())
-      ;
+    var htmls = $.mustache(this.template, this.toTemplateJSON());
     this.el.html(htmls);
     this.model.currentDocuments.forEach(function(doc) {
       var tr = $('<tr />');