[ONOS-7026] Show table name if the table id of a flow is PiTableId

Change-Id: Icd2f69dad4604b30e7d1ea871f15a2df842af9e0
diff --git a/web/gui/src/main/webapp/app/view/flow/flow.html b/web/gui/src/main/webapp/app/view/flow/flow.html
index af24a63..3039983 100644
--- a/web/gui/src/main/webapp/app/view/flow/flow.html
+++ b/web/gui/src/main/webapp/app/view/flow/flow.html
@@ -62,7 +62,7 @@
                 <option value="$">All Fields</option>
                 <!--<option value="id">Flow ID</option>-->
                 <option value="priority">Priority</option>
-                <option value="tableId">Table ID</option>
+                <option value="tableName">Table Name</option>
                 <option value="selector">Selector</option>
                 <option value="treatment">Treatment</option>
                 <option value="appName">App Name</option>
@@ -81,7 +81,7 @@
                     <td class="right" colId="packets" col-width="90px" sortable> Packets </td>
                     <td class="right" colId="duration" col-width="90px" sortable> Duration </td>
                     <td colId="priority" col-width="80px" sortable> Priority </td>
-                    <td colId="tableId" col-width="80px" sortable> Table ID </td>
+                    <td colId="tableName" col-width="120px" sortable> Table Name </td>
                     <td colId="selector" sortable> Selector </td>
                     <td colId="treatment" sortable> Treatment </td>
                     <td colId="appName" sortable> App Name </td>
@@ -108,7 +108,7 @@
                     <td class="right">{{flow.packets}}</td>
                     <td class="right">{{flow.duration}}</td>
                     <td>{{flow.priority}}</td>
-                    <td>{{flow.tableId}}</td>
+                    <td>{{flow.tableName}}</td>
                     <td>{{flow.selector_c}}</td>
                     <td>{{flow.treatment_c}}</td>
                     <td>{{flow.appName}}</td>