@tipp/ui 0.1.11 → 0.1.13

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

@@ -13,13 +13,15 @@ interface RowProps<Datum extends RowData> {
   row: TanstackRow<Datum>;
   ExpandComp?: ExpandComp<Datum>;
   onRowClick?: OnRowClick<Datum>;
+  gridColTemp: string;
 }
 
 export function Row<Datum extends RowData>(
   props: RowProps<Datum>
 ): React.ReactNode {
-  const { row, ExpandComp } = props;
+  const { row, ExpandComp, gridColTemp } = props;
   const [open, setOpen] = useState(false);
+
   const onClickRow = useCallback(() => {
     props.onRowClick?.(row.original);
     setOpen((prev) => !prev);
@@ -34,14 +36,20 @@ export function Row<Datum extends RowData>(
         className="tr"
         key={`tr_${row.id}`}
         onClick={onClickRow}
+        style={{ gridTemplateColumns: gridColTemp }}
         type="button"
       >
         {row.getVisibleCells().map((cell) => {
+          const autoSize = cell.column.columnDef.meta?.autoSize;
+
           return (
             <div
               className="td"
               key={cell.id}
-              style={{ width: cell.column.getSize() }}
+              style={{
+                minWidth: autoSize ? undefined : cell.column.getSize(),
+                flexGrow: autoSize ? 1 : undefined,
+              }}
             >
               {flexRender(cell.column.columnDef.cell, cell.getContext())}
               {cell.column.columnDef.meta?.OpenBtn ? (