Add auto / fixed tables

iamfaran · iamfaran · commit 4fd3e1204288 · 2025-08-25T19:18:05.000+05:00
diff --git a/client/packages/lowcoder/src/comps/comps/tableLiteComp/parts/AutoModeTable.tsx b/client/packages/lowcoder/src/comps/comps/tableLiteComp/parts/AutoModeTable.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+import BaseTable, { BaseTableProps } from "./BaseTable";
+
+export interface AutoModeTableProps<RecordType> extends BaseTableProps<RecordType> {
+  // No additional props needed - auto mode is simple!
+}
+
+function AutoModeTableComp<RecordType extends object>(props: AutoModeTableProps<RecordType>) {
+  const { ...baseProps } = props;
+
+  // Auto mode configuration: natural growth, no height constraints
+  return (
+    <BaseTable<RecordType>
+      {...baseProps}
+      // Override any height-related props for auto mode
+      containerHeight={undefined}
+      isFixedHeight={false}
+    />
+  );
+}
+
+const AutoModeTable = React.memo(AutoModeTableComp) as typeof AutoModeTableComp;
+export default AutoModeTable;
diff --git a/client/packages/lowcoder/src/comps/comps/tableLiteComp/parts/FixedModeTable.tsx b/client/packages/lowcoder/src/comps/comps/tableLiteComp/parts/FixedModeTable.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import BaseTable, { BaseTableProps } from "./BaseTable";
+
+export interface FixedModeTableProps<RecordType> extends BaseTableProps<RecordType> {
+  bodyHeight: number;
+}
+
+function FixedModeTableComp<RecordType extends object>(props: FixedModeTableProps<RecordType>) {
+  const { bodyHeight, ...baseProps } = props;
+
+  // Fixed mode configuration: height constraints and internal scrolling
+  return (
+    <BaseTable<RecordType>
+      {...baseProps}
+      containerHeight={bodyHeight}
+      isFixedHeight={true}
+    />
+  );
+}
+
+const FixedModeTable = React.memo(FixedModeTableComp) as typeof FixedModeTableComp;
+export default FixedModeTable;
