@isoftdata/svelte-table 2.8.0 → 2.8.1

package/dist/Table.svelte

@@ -902,31 +902,42 @@
 			</tr>
 		</thead>
 		<tbody class:unselectable={selectionMode === 'RANGE'}>
+			{#snippet tableRow(row: R & { originalIndex: number; uuid: string }, index: number)}
+				{#if children}{@render children({ row, index })}{:else}
+					<tr
+						class:table-primary={rowIsSelected(row, rowSelectionIdProp, selectedRowIds)}
+						onclick={() => rowClick(row)}
+					>
+						{#each computedColumns as column (column.property)}
+							<Td
+								align={column.align}
+								property={column.property}
+							>
+								{isArbitraryProperty(column.property)
+									? ''
+									: column.formatter
+										? column.formatter(getNestedProperty(row, column.property, ''))
+										: getNestedProperty(row, column.property, '')}
+							</Td>
+						{/each}
+					</tr>
+				{/if}
+			{/snippet}
 			{#if body}
 				{@render body?.({ rows: currentPageRows, visibleColumnsCount: visibleColumns.length })}
-			{:else}
+			{:else if !currentPageRows.length}
+				{@render noRows?.({ visibleColumnsCount: visibleColumns.length })}
+				<!--
+					Only key the #each if the idProp is in the original row.
+					Otherwise, the table will re-render all rows if idProp is 'uuid' and your original row doesn't have one
+				-->
+			{:else if idProp in rows[currentPageRows[0]?.originalIndex]}
 				{#each currentPageRows as row, index (row[idProp])}
-					{#if children}{@render children({ row, index })}{:else}
-						<tr
-							class:table-primary={rowIsSelected(row, rowSelectionIdProp, selectedRowIds)}
-							onclick={() => rowClick(row)}
-						>
-							{#each computedColumns as column (column.property)}
-								<Td
-									align={column.align}
-									property={column.property}
-								>
-									{isArbitraryProperty(column.property)
-										? ''
-										: column.formatter
-											? column.formatter(getNestedProperty(row, column.property, ''))
-											: getNestedProperty(row, column.property, '')}
-								</Td>
-							{/each}
-						</tr>
-					{/if}
-				{:else}
-					{@render noRows?.({ visibleColumnsCount: visibleColumns.length })}
+					{@render tableRow(row, index)}
+				{/each}
+			{:else}
+				{#each currentPageRows as row, index}
+					{@render tableRow(row, index)}
 				{/each}
 			{/if}
 		</tbody>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@isoftdata/svelte-table",
-  "version": "2.8.0",
+  "version": "2.8.1",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",