React

frontend/src/components/Table/TableLayout.tsx

@@ -0,0 +1,22 @@
+import type { Table as ReactTable } from "@tanstack/react-table";
+import { TableBody } from "./TableBody";
+import { TableHeader } from "./TableHeader";
+
+interface TableLayoutProps<TFields> {
+	tableInstance: ReactTable<TFields>;
+	emptyState?: React.ReactNode;
+	extraStyles?: {
+		row: (rowData: TFields) => any | undefined;
+	};
+}
+function TableLayout<TFields>(props: TableLayoutProps<TFields>) {
+	const hasRows = props.tableInstance.getRowModel().rows.length > 0;
+	return (
+		<table className="table table-vcenter table-selectable mb-0">
+			{hasRows ? <TableHeader tableInstance={props.tableInstance} /> : null}
+			<TableBody {...props} />
+		</table>
+	);
+}
+
+export { TableLayout, type TableLayoutProps };