diff --git a/packages/datalib/src/PerspectiveDisplay.ts b/packages/datalib/src/PerspectiveDisplay.ts
index d4cd8699f..51d6a6c73 100644
--- a/packages/datalib/src/PerspectiveDisplay.ts
+++ b/packages/datalib/src/PerspectiveDisplay.ts
@@ -106,7 +106,10 @@ export class PerspectiveDisplay {
 
   constructor(public root: PerspectiveTreeNode, rows: any[]) {
     // dbg('source rows', rows);
-    this.fillColumns(root.childNodes, []);
+    this.fillColumns(root.childNodes, [root]);
+    if (this.columns.length > 0) {
+      this.columns[0].colSpanAtLevel[0] = this.columns.length;
+    }
     this.columnLevelCount = _max(this.columns.map(x => x.parentNodes.length)) + 1;
     const collectedRows = this.collectRows(rows, root.childNodes);
     // dbg('collected rows', collectedRows);
diff --git a/packages/web/src/perspectives/PerspectiveTable.svelte b/packages/web/src/perspectives/PerspectiveTable.svelte
index bb9e59678..b86fc071f 100644
--- a/packages/web/src/perspectives/PerspectiveTable.svelte
+++ b/packages/web/src/perspectives/PerspectiveTable.svelte
@@ -129,7 +129,7 @@
                 <th rowspan={column.rowSpan}>{column.title}</th>
               {/if}
               {#if column.showParent(columnLevel)}
-                <th colspan={column.getColSpan(columnLevel)}>{column.getParentName(columnLevel)}</th>
+                <th colspan={column.getColSpan(columnLevel)} class='tableName'>{column.getParentName(columnLevel)}</th>
               {/if}
             {/each}
           </tr>
@@ -234,11 +234,16 @@
     overflow: hidden;
     vertical-align: center;
     z-index: 100;
+    font-weight: normal;
 
     border-bottom: 1px solid var(--theme-border);
     border-right: 1px solid var(--theme-border);
   }
 
+  th.tableName {
+    font-weight: bold;
+  }
+
   th.filter {
     padding: 0;
   }