From 050a0cd12b12588836da62a189e4d4c7e0a16b73 Mon Sep 17 00:00:00 2001
From: inportb <inportb@gmail.com>
Date: Sun, 24 Mar 2024 06:41:21 -0500
Subject: [PATCH] Flowsheet view with filtered rows promoted into sticky header

---
 .../routes/chart/[mrn]/flowsheet/+page.svelte  | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/frontend/src/routes/chart/[mrn]/flowsheet/+page.svelte b/frontend/src/routes/chart/[mrn]/flowsheet/+page.svelte
index ed6eeee..28cbd05 100644
--- a/frontend/src/routes/chart/[mrn]/flowsheet/+page.svelte
+++ b/frontend/src/routes/chart/[mrn]/flowsheet/+page.svelte
@@ -258,9 +258,7 @@
 					</th>
 					{#each component_groups as group, idx}<th class="date" class:first={ (idx == 0) || (group.key != component_groups[idx - 1].key) }><div class="year">{group.datestr.substring(0, 4)}</div><div class="monthdate">{group.datestr.substring(5)}</div>{#if false}<div class="hourminute daily">{datetime_timestr(group.values[0]._ts)}</div>{/if}</th>{/each}
 				</tr>
-			</thead>
-			{#if pattern}
-				<tbody>
+				{#if pattern}
 					{#each component_names as name}
 						{#if filter_test(pattern, name)}
 							<tr class="match">
@@ -271,8 +269,10 @@
 							</tr>
 						{/if}
 					{/each}
-				</tbody>
-				<tbody>
+				{/if}
+			</thead>
+			<tbody>
+				{#if pattern}
 					{#each component_names as name}
 						{#if !filter_test(pattern, name)}
 							<tr>
@@ -283,9 +283,7 @@
 							</tr>
 						{/if}
 					{/each}
-				</tbody>
-			{:else}
-				<tbody>
+				{:else}
 					{#each component_names as name}
 						<tr>
 							<th>{name}</th>
@@ -294,8 +292,8 @@
 							{/each}
 						</tr>
 					{/each}
-				</tbody>
-			{/if}
+				{/if}
+			</tbody>
 		</table>
 	</div>
 </div>