Lade-anzeige für Tabellen

apps/hub/app/_components/Table.tsx

@@ -86,6 +86,28 @@ export default function SortableTable<TData>({
 	);
 }
 
+export const RowsPerPage = ({
+	rowsPerPage,
+	setRowsPerPage,
+}: {
+	rowsPerPage: number;
+	setRowsPerPage: (rowsPerPage: number) => void;
+}) => {
+	return (
+		<select
+			className="select w-32"
+			value={rowsPerPage}
+			onChange={(e) => setRowsPerPage(Number(e.target.value))}
+		>
+			<option value={10}>10</option>
+			<option value={30}>30</option>
+			<option value={50}>50</option>
+			<option value={100}>100</option>
+			<option value={300}>300</option>
+		</select>
+	);
+};
+
 export const Pagination = ({
 	page,
 	totalPages,