#114 fix number of items shown

Author: zxyctn

src/lib/components/Table/TableContent.svelte

@@ -292,7 +292,7 @@
 	// Creating the table columns
 	const createdTableColumns = table.createColumns(tableColumns);
 	// Creating the table view model
-	const { headerRows, pageRows, tableAttrs, tableBodyAttrs, pluginStates } =
+	const { headerRows, pageRows, tableAttrs, tableBodyAttrs, pluginStates, rows } =
 		table.createViewModel(createdTableColumns);
 	// Extracting filterValue to bind it for the search input and search immediately on input
 	const { filterValue } = pluginStates.tableFilter;
@@ -691,6 +691,7 @@
 			/>
 		{:else}
 			<TablePagination
+				itemCount={$rows.length}
 				pageConfig={pluginStates.page}
 				{pageSizes}
 				id={tableId}

src/lib/components/Table/TablePagination.svelte

@@ -9,11 +9,12 @@
 	} from '@fortawesome/free-solid-svg-icons';
 	import { ListBox, ListBoxItem, popup, type PopupSettings } from '@skeletonlabs/skeleton';
 
+	export let itemCount;
 	export let pageConfig;
 	export let pageSizes;
 	export let pageIndexStringType;
 	export let id;
-	
+
 	let indexInformation = '';
 
 	const { pageIndex, pageCount, pageSize, hasNextPage, hasPreviousPage } = pageConfig;
@@ -49,9 +50,10 @@
 		if (pageIndexStringType === 'pages') {
 			return $pageCount > 0 ? `Page ${$pageIndex + 1} of ${$pageCount}` : 'No pages';
 		} else {
-			return `Displaying items ${$pageIndex * $pageSize + 1} - ${($pageIndex + 1) * $pageSize} of ${
-				$pageCount * $pageSize
-			}`;
+			return itemCount === 0 ? 'No items' : `Displaying items ${$pageIndex * $pageSize + 1} - ${Math.min(
+				($pageIndex + 1) * $pageSize,
+				itemCount
+			)} of ${Math.min($pageCount * $pageSize, itemCount)}`;
 		}
 	};