get a datatable rendering with fake data

src/model.js

@@ -5,7 +5,6 @@ recline.Dataset = Backbone.Model.extend({
   initialize: function(data, rawDocumentSet) {
     this.documentSet = new recline.DocumentSet(rawDocumentSet);
   }
-
 });
 
 recline.Document = Backbone.Model.extend({});
@@ -34,5 +33,5 @@ recline.DocumentSet = Backbone.Model.extend({
     dfd.resolve(results);
     return dfd.promise();
   }
-  
-});
+});
+

src/view.js

@@ -0,0 +1,40 @@
+this.recline = this.recline || {};
+
+recline.DataTable = Backbone.View.extend({
+
+  tagName:  "div",
+  className: "data-table-container",
+
+  // template: TODO ???
+
+  events: {
+
+  },
+
+  initialize: function() {
+    var that = this;
+    this.model.fetch({
+      success: function(collection, resp) {
+        that.render()
+      }
+    })
+  },
+  toTemplateJSON: function() {
+    var modelData = this.model.toJSON()
+    modelData.rows = _.map(modelData.rows, function(row) {
+      var cellData = _.map(modelData.headers, function(header) {
+        return {header: header, value: row[header]}
+      })
+      return { id: 'xxx', cells: cellData }
+    })
+    modelData.notEmpty = ( modelData.headers.length > 0 )
+    return modelData;
+  },
+  render: function() {
+    var template = $( ".dataTableTemplate:first" ).html()
+      , htmls = $.mustache(template, this.toTemplateJSON())
+      ;
+    $(this.el).html(htmls);
+    return this;
+  }
+});