x.js

class DataTableExample extends DataTable {
  computeRowValues (row) {
    return [
      row.message,
      new Date(row.timestamp).toGMTString()
    ]
  }

  computeRowHeaders () {
    return [{
      name: 'Message', key: 'message', type: 'string'
    }, {
      name: 'Creation Time', key: 'timestamp', type: 'number'
    }]
  }
}
Tonic.add(DataTableExample)


class DataTableExample extends DataTable {
  constructor () {
    super({
      rowHeaders: [{
        name: 'Message', key: 'message', type: 'string'
      }, {
        name: 'Creation Time', key: 'timestamp', type: 'number'
      }]
    })
  }

  computeRowValues (row) {
    return [
      row.message,
      new Date(row.timestamp).toGMTString()
    ]
  }
}
Tonic.add(DataTableExample)


class DataTableExample extends DataTable {
  willConnect () {
    this.setRowHeaders([{
      name: 'Message', key: 'message', type: 'string'
    }, {
      name: 'Creation Time', key: 'timestamp', type: 'number'
    }])
  }

  computeRowValues (row) {
    return [
      row.message,
      new Date(row.timestamp).toGMTString()
    ]
  }
}
Tonic.add(DataTableExample)