From cbfafc87232d4a6995599f33e1b6e14063ed4d5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yannick=20K=C3=BCchlin?= <y.kuechlin@vws.app>
Date: Fri, 13 Jan 2023 13:34:53 +0100
Subject: [PATCH] fix: center empty table element #146

---
 src/DataGrid.tsx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/DataGrid.tsx b/src/DataGrid.tsx
index a2cb3a1..519eb2b 100644
--- a/src/DataGrid.tsx
+++ b/src/DataGrid.tsx
@@ -428,15 +428,13 @@ export function DataGrid<TData extends RowData>({
               })
             ) : (
               <tr className={classes.tr} role="row">
-                <td colSpan={table.getVisibleLeafColumns().length}>
-                  <Stack align="center" spacing="xs">
-                    {empty || (
-                      <>
-                        <BoxOff size={64} />
-                        <Text weight="bold">No Data</Text>
-                      </>
-                    )}
-                  </Stack>
+                <td style={{ width: '100%' }}>
+                  {empty || (
+                    <Stack align="center" spacing="xs">
+                      <BoxOff size={64} />
+                      <Text weight="bold">No Data</Text>
+                    </Stack>
+                  )}
                 </td>
               </tr>
             )}