better css

packages/grafana-ui/src/components/Table/Table.tsx

@@ -212,7 +212,7 @@ export class Table extends Component<Props, State> {
 
     const isHeader = row < 0;
     const rowData = isHeader ? data.columns : data.rows[row];
-    const value = rowData ? rowData[column] : `[${columnIndex}:${rowIndex}]`;
+    const value = rowData ? rowData[column] : '';
     const builder = isHeader ? this.headerBuilder : this.getTableCellBuilder(column);
 
     return (
@@ -277,10 +277,8 @@ export class Table extends Component<Props, State> {
         height={height}
         fixedColumnCount={fixedColumnCount}
         fixedRowCount={fixedRowCount}
-        classNameTopLeftGrid="gf-table-fixed-row-and-column"
-        classNameTopRightGrid="gf-table-fixed-row"
+        classNameTopLeftGrid="gf-table-fixed-column"
         classNameBottomLeftGrid="gf-table-fixed-column"
-        classNameBottomRightGrid="gf-table-normal-cell"
       />
     );
   }

packages/grafana-ui/src/components/Table/_Table.scss

@@ -66,6 +66,8 @@
 .gf-table-cell {
   padding: 3px 10px;
 
+  background: $page-gradient;
+
   text-overflow: ellipsis;
   white-space: nowrap;
 
@@ -74,5 +76,5 @@
 }
 
 .gf-table-fixed-column {
-  border-right: 1px solid #ccc;
+  border-right: 1px solid #CCC;
 }