diff --git a/frontend/lib/registry/components/table-list/TableListComponent.tsx b/frontend/lib/registry/components/table-list/TableListComponent.tsx index 46c03aef..08607e92 100644 --- a/frontend/lib/registry/components/table-list/TableListComponent.tsx +++ b/frontend/lib/registry/components/table-list/TableListComponent.tsx @@ -1169,7 +1169,7 @@ export const TableListComponent: React.FC = ({ )} -
+
= ({ )} {/* 테이블 컨테이너 */} -
+
{/* 스크롤 영역 */}
= ({
)} + + {/* 필터 간격 설정 */} + {config.filter?.enabled && ( +
+
+

필터 간격

+
+
+
+ + { + const value = Math.max(0, Math.min(200, parseInt(e.target.value) || 40)); + handleChange("filter", { + ...config.filter, + bottomSpacing: value, + }); + }} + min={0} + max={200} + step={10} + placeholder="40" + className="h-8 text-xs" + /> +

+ 기본값: 40px (0-200px 범위, 10px 단위 권장) +

+
+
+ )}
); diff --git a/frontend/lib/registry/components/table-list/index.ts b/frontend/lib/registry/components/table-list/index.ts index cc54085b..9a68a3c4 100644 --- a/frontend/lib/registry/components/table-list/index.ts +++ b/frontend/lib/registry/components/table-list/index.ts @@ -72,6 +72,7 @@ export const TableListDefinition = createComponentDefinition({ filter: { enabled: true, filters: [], // 사용자가 설정할 필터 목록 + bottomSpacing: 40, // 필터와 리스트 사이 간격 (px) }, // 액션 설정 diff --git a/frontend/lib/registry/components/table-list/types.ts b/frontend/lib/registry/components/table-list/types.ts index f1422205..053d6fb1 100644 --- a/frontend/lib/registry/components/table-list/types.ts +++ b/frontend/lib/registry/components/table-list/types.ts @@ -116,6 +116,8 @@ export interface FilterConfig { referenceColumn?: string; displayColumn?: string; }>; + // 필터와 리스트 사이 간격 (px 단위, 기본: 40) + bottomSpacing?: number; } /**