diff --git a/htrace-core/src/web/app/setup.js b/htrace-core/src/web/app/setup.js
index a0c1b07..d210ea6 100644
--- a/htrace-core/src/web/app/setup.js
+++ b/htrace-core/src/web/app/setup.js
@@ -52,11 +52,45 @@
     top.main.show(new Backgrid.Grid({
       "collection": this.spansCollection,
       "columns": [{
+        "label": "Begin",
+        "cell": Backgrid.Cell.extend({
+          className: "begin-cell",
+          formatter: {
+            fromRaw: function(rawData, model) {
+              var beginMs = model.get("beginTime")
+              return moment(beginMs).format('YYYY/MM/DD HH:mm:ss,SSS');
+            },
+            toRaw: function(formattedData, model) {
+              return formattedData // data entry not supported for this cell
+            }
+          }
+        }),
+        "editable": false
+      }, {
         "name": "spanId",
         "label": "ID",
         "cell": "string",
         "editable": false
       }, {
+        "name": "processId",
+        "label": "processId",
+        "cell": "string",
+        "editable": false
+      }, {
+        "label": "Duration",
+        "cell": Backgrid.Cell.extend({
+          className: "duration-cell",
+          formatter: {
+            fromRaw: function(rawData, model) {
+              return model.duration() + " ms"
+            },
+            toRaw: function(formattedData, model) {
+              return formattedData // data entry not supported for this cell
+            }
+          }
+        }),
+        "editable": false
+      }, {
         "name": "description",
         "label": "Description",
         "cell": "string",