fix: center empty table element #146

Kuechlin · Jan 13, 2023 · cbfafc8 · cbfafc8
1 parent 3386671
commit cbfafc8
Showing 1 changed file with 7 additions and 9 deletions.
diff --git 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>
             )}