Add padding after search components

Author: zxyctn

src/lib/components/Table/TableContent.svelte

@@ -62,7 +62,7 @@
 	let searchValue = '';
 	let isFetching = false;
 	const serverSide = server !== undefined;
-	const { baseUrl, sendModel, entityId, versionId } = server ?? {};
+	const { baseUrl, entityId, versionId, sendModel = new Send() } = server ?? {};
 
 	const filters = writable<{
 		[key: string]: { [key in FilterOptionsEnum]?: number | string | Date };
@@ -429,7 +429,11 @@
 				</form>
 			{/if}
 
-			<div class="flex justify-between items-center w-full {search && 'py-2'}">
+			<div
+				class="flex justify-between items-center w-full {search && 'py-2'} {!search &&
+					(shownColumns.length > 0 || toggle || resizable !== 'none' || exportable) &&
+					'pb-2'}"
+			>
 				<div>
 					<!-- Enable the fitToScreen toggle if toggle === true -->
 					{#if toggle}

src/lib/models/Models.ts

@@ -107,7 +107,7 @@ export interface Columns {
 // Server config type for the table 
 export type ServerConfig = {
 	baseUrl?: string; // Base URL for server-side table
-	sendModel: Send; // Send model for server-side table
+	sendModel?: Send; // Send model for server-side table
 	entityId?: number; // Entity ID for server-side table
 	versionId?: number; // Version ID for server-side table
 };
@@ -124,7 +124,7 @@ export interface TableConfig<T> {
 	rowHeight?: number; // auto by default
 	columns?: Columns;
 	exportable?: boolean; // false by default
-	pageSizes?: number[]; // [5, 10, 15, 20] by default
+	pageSizes?: number[]; // [5, 10, 20, 50, 100] by default
 	defaultPageSize?: number; // 10 by default
 	optionsComponent?: typeof SvelteComponent;