       columns.push(
         name: d
         label: Utils.zeroPad(d)
-        editable: false
-        sortable: false
-        cell: "string"
-        headerCell: MinimalHeaderCell
-      )
-    )
-
-
-    console.log("data", data)
+      )
+    )
+
+    for aColumn in columns
+      aColumn.editable = false
+      aColumn.cell = "string"
+      aColumn.sortable = false
+      aColumn.headerCell = MinimalHeaderCell
+
 
     dataCollection = new Backbone.Collection(data)
     
+
+    console.warn("footer doesnt work?")
+    CaptionFooter = Backgrid.Footer.extend(
+  
+      render = -> 
+        
+        @$el.empty()
+        @$el.append($("<tr><td colspan='6'>Hello World!</td></tr>"))
+        @delegateEvents()
+        return @
+
+    )
+
+
     grid = new Backgrid.Grid(
       columns: columns
       collection: dataCollection
       row: ClickableRow
+      cell: ClickableCell
+      footer: CaptionFooter
       className: "table table-hover table-bordered table-striped"
     )
 
     $("div.report-table").append(grid.render().$el)
+    grid.$el.find("tr").trigger("style")
 
 
   instantiateView : ->

  
  testTableHierarchy: ->

    MinimalHeaderCell = Backgrid.HeaderCell.extend(

      render: -> 

      sectionHeaderRow = 
        "issue" : element
        "sum" : Utils.minutesToHours(Utils.sum(daySums))
        "sectionRow" : true

      _.map(daySums, (sum, index) ->
        sectionHeaderRow[index + 1] = Utils.minutesToHours(sum) || ""
      )

      table.push(sectionHeaderRow)


      _.forOwn(_.groupBy(elementEntries, @groupByIterator),
