diff --git a/web/app/src/components/JobsTable.vue b/web/app/src/components/JobsTable.vue
index 1d8e2ead..5ffa2b01 100644
--- a/web/app/src/components/JobsTable.vue
+++ b/web/app/src/components/JobsTable.vue
@@ -27,10 +27,7 @@ export default {
       // See pkg/api/flamenco-manager.yaml, schemas Job and JobUpdate.
       columns: [
         // { formatter: "rowSelection", titleFormatter: "rowSelection", hozAlign: "center", headerHozAlign: "center", headerSort: false },
-        {
-          title: "ID", field: "id", headerSort: false,
-          formatter: (cell) => cell.getData().id.substr(0, 8),
-        },
+        // { title: "ID", field: "id", headerSort: false, formatter: (cell) => cell.getData().id.substr(0, 8), },
         {
           title: 'Status', field: 'status', sorter: 'string',
           formatter(cell, formatterParams) { // eslint-disable-line no-unused-vars
diff --git a/web/app/src/components/TasksTable.vue b/web/app/src/components/TasksTable.vue
index f5b37c0d..251dab95 100644
--- a/web/app/src/components/TasksTable.vue
+++ b/web/app/src/components/TasksTable.vue
@@ -29,10 +29,7 @@ export default {
       // See pkg/api/flamenco-manager.yaml, schemas Task and TaskUpdate.
       columns: [
         // { formatter: "rowSelection", titleFormatter: "rowSelection", hozAlign: "center", headerHozAlign: "center", headerSort: false },
-        {
-          title: "ID", field: "id", headerSort: false,
-          formatter: (cell) => cell.getData().id.substr(0, 8),
-        },
+        // { title: "ID", field: "id", headerSort: false, formatter: (cell) => cell.getData().id.substr(0, 8), },
         {
           title: 'Status', field: 'status', sorter: 'string',
           formatter(cell, formatterParams) { // eslint-disable-line no-unused-vars