fix: full width when no resize

Author: scriptcoded

packages/ui-react/src/components/table/table.tsx

@@ -82,25 +82,29 @@ function Table<TData>(props: Props<TData>) {
 
   return (
     <>
-      <pre style={{ minHeight: "10rem" }}>
+      <pre className="mb-4 min-h-48">
         {JSON.stringify(
           {
-            columnSizing: table.getState().columnSizing,
+            // columnSizing: table.getState().columnSizing,
+            // columnSizeVars,
           },
           null,
           2,
         )}
       </pre>
 
       <Card
-        className={cn("p-0 inline-block", className)}
+        className={cn("p-0 inline-block overflow-auto", className)}
         {...otherProps}
         variant="light"
       >
         <table
           style={{
             ...columnSizeVars,
-            width: table.getTotalSize(),
+            width:
+              (table.options.enableColumnResizing ?? true)
+                ? table.getTotalSize()
+                : "100%",
           }}
         >
           <thead className="border-b border-gray-300">