Table: Fix no data message alignment and table selector name (#77700)

* on multiple queries show no data message aligned + set a default table name for empty series

* simplify style

* check if there are fields

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

@@ -372,7 +372,7 @@ export const Table = memo((props: Props) => {
               </CustomScrollbar>
             </div>
           ) : (
-            <div style={{ height: height - headerHeight }} className={tableStyles.noData}>
+            <div style={{ height: height - headerHeight, width }} className={tableStyles.noData}>
               No data
             </div>
           )}