Make grow configurable

swan-io · Dec 9, 2024 · bef3eef · bef3eef
1 parent 31f3e35
commit bef3eef
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/packages/lake/src/components/VirtualizedList.tsx b/packages/lake/src/components/VirtualizedList.tsx
@@ -197,6 +197,7 @@ export type ColumnCellConfig<T, ExtraInfo> = {
 
 export type ColumnConfig<T, ExtraInfo> = {
   id: string;
+  grow?: boolean;
   width: number;
   title: string;
   renderTitle: (props: ColumnTitleConfig<ExtraInfo>) => ReactNode;
@@ -473,17 +474,16 @@ export const VirtualizedList = <T, ExtraInfo>({
             { width: centerColumnsWidth, backgroundColor, height: headerHeight },
           ]}
         >
-          {columns.map(({ id, width, title, renderTitle }, index) => {
+          {columns.map(({ id, grow = false, width, title, renderTitle }, index) => {
             const columnId = `${viewId}_${id}`;
             const paddingLeft = index === 0 ? centerFirstCellLeftPadding : 0;
-            const last = index === columns.length - 1;
-            const paddingRight = last ? centerLastCellLeftPadding : 0;
+            const paddingRight = index === columns.length - 1 ? centerLastCellLeftPadding : 0;
 
             return (
               <View
                 style={[
                   styles.headerCell,
-                  last && styles.grow,
+                  grow && styles.grow,
                   { width: width + paddingLeft + paddingRight, paddingLeft, paddingRight },
                 ]}
                 id={columnId}
@@ -812,17 +812,16 @@ const RawVirtualizedRow = <T, ExtraInfo>({
             },
           ]}
         >
-          {columns.map(({ id, width, renderCell }, index) => {
+          {columns.map(({ id, grow = false, width, renderCell }, index) => {
             const columnId = `${viewId}_${id}`;
             const paddingLeft = index === 0 ? centerFirstCellLeftPadding : 0;
-            const last = index === columns.length - 1;
-            const paddingRight = last ? centerLastCellLeftPadding : 0;
+            const paddingRight = index === columns.length - 1 ? centerLastCellLeftPadding : 0;
 
             return (
               <View
                 style={[
                   styles.cell,
-                  last && styles.grow,
+                  grow && styles.grow,
                   { width: width + paddingLeft + paddingRight, paddingLeft, paddingRight },
                 ]}
                 key={columnId}