   browsers =
     columns: [
       {
-        sTitle: "Engine"
-        mData: "engine"
+        title: "Engine"
+        data: "engine"
       }
       {
-        sTitle: "Browser"
-        mData: "browser"
+        title: "Browser"
+        data: "browser"
       }
       {
-        sTitle: "Platform"
-        mData: "platform"
+        title: "Platform"
+        data: "platform"
       }
       {
-        sTitle: "Version"
-        mData: "version"
+        title: "Version"
+        data: "version"
         sClass: "center"
       }
       {
-        sTitle: "Grade"
-        mData: "grade"
+        title: "Grade"
+        data: "grade"
         sClass: "center"
         mRender: ( dataSource, call, rawData ) ->
           rawData ?= ""

Template.datasources.pages = ->
  pages =
  # ## Columns
  #   * `mData` maps the object properties to column headings
  #   * `sTitle` is the column heading
  #   * `mRender` is a custom render function for that property ( default is "" )
    columns: [
      {
        sTitle: "Route"
        mData: "route"
      }
      {
        sTitle: "Path"
        mData: "path"
      }
      {
        sTitle: "Controller"
        mData: "controller"
        mRender:  ( dataSource, call, rawData ) ->
          rawData.controller ?= "null"
      }
      {
        sTitle: "Title"
        mData: "page.title"
        mRender:  ( dataSource, call, rawData ) ->
          rawData.page.title ?= ""
      }
      {
        sTitle: "Subtitile"
        mData: "page.subtitle"
        mRender:  ( dataSource, call, rawData ) ->
          rawData.page.subtitle ?= ""
      }
      {
        sTitle: "External Route"
        mData: "external"
        mRender: ( dataSource, call, rawData ) ->
          rawData.external ?= "false"
      }

            else return rawData.grade
      }
      {
        title: "Created"
        data: "createdAt"
        mRender: ( dataSource, call, rawData ) ->
          rawData.createdAt ?= ""
          if rawData.createdAt
