Promote flowsheet view filtered rows into sticky header

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>