From d246127b2bb4e4b62867757beca888a62f11829d Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Thu, 17 Jun 2021 05:46:58 -0400
Subject: [PATCH] Table: Set width 100% if the calced width is 0 (#35802)
 (#35825)

(cherry picked from commit a693b2eaef4b7d28e4d38d73b1068d8ab05c7f26)

Co-authored-by: Tobias Skarhed <1438972+tskarhed@users.noreply.github.com>
---
 packages/grafana-ui/src/components/Table/Table.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/Table/Table.tsx b/packages/grafana-ui/src/components/Table/Table.tsx
index 1aef90e1b6a..a9dc615e00f 100644
--- a/packages/grafana-ui/src/components/Table/Table.tsx
+++ b/packages/grafana-ui/src/components/Table/Table.tsx
@@ -198,7 +198,7 @@ export const Table: FC<Props> = memo((props: Props) => {
   return (
     <div {...getTableProps()} className={tableStyles.table} aria-label={ariaLabel}>
       <CustomScrollbar hideVerticalTrack={true}>
-        <div style={{ width: `${totalColumnsWidth}px` }}>
+        <div style={{ width: totalColumnsWidth ? `${totalColumnsWidth}px` : '100%' }}>
           {!noHeader && (
             <div>
               {headerGroups.map((headerGroup: HeaderGroup) => {