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

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

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