@tipp/ui 2.1.8 → 2.1.10

package/src/molecules/expand-table/index.tsx

@@ -46,7 +46,7 @@ export interface ExpandTableProps<Datum extends RowData> {
   /** pagination - 한 페이지에 표시될 컬럼 개수, 기본값 10 */
   pageSize?: number;
   /** pagination -  */
-  siblingCount?: number;
+  siblingCount?: number; 
 }
 
 export function ExpandTable<Datum extends RowData>(
@@ -91,7 +91,7 @@ export function ExpandTable<Datum extends RowData>(
   const gridTemplateColumns = useMemo<string>(() => {
     return columns
       .map((col) => {
-        if (col.meta?.autoSize) return '1fr';
+        if (col.meta?.autoSize) return `minmax(${col.size || 50}px, 1fr)`;
         return `${col.size || 150}px`;
       })
       .join(' ');
@@ -145,6 +145,7 @@ export function ExpandTable<Datum extends RowData>(
   }, [data, pageSize]);
 
   return (
+    <div className="expand-table-wrapper">
     <div className="expand-table" style={tableStyle}>
       <div className="thead">
         {getHeaderGroups().map((headerGroup) => (
@@ -220,17 +221,17 @@ export function ExpandTable<Datum extends RowData>(
             );
           })}
       </div>
-
+    </div>
       {showPagination ? (
-        <Flex justify="end" pt="3" width="100%">
-          <Pagination
-            count={pageCount}
-            onChange={onChangePagination}
-            page={pagination.pageIndex + 1}
-            siblingCount={siblingCount}
-          />
-        </Flex>
-      ) : null}
+          <Flex justify="end" pt="3" width="100%">
+            <Pagination
+              count={pageCount}
+              onChange={onChangePagination}
+              page={pagination.pageIndex + 1}
+              siblingCount={siblingCount}
+            />
+          </Flex>
+        ) : null}
     </div>
   );
 }