From 1ebda6f4e4677ef09f9432a1cf08e90b6629c1cb Mon Sep 17 00:00:00 2001
From: Frank Tovar <mail@franktovar.de>
Date: Sat, 14 Mar 2026 14:02:32 +0100
Subject: [PATCH] Only render grouped critical table header when needed

---
 .../Components/Pages/Tables.razor             | 38 +++++++++----------
 1 file changed, 17 insertions(+), 21 deletions(-)

diff --git a/src/RolemasterDb.App/Components/Pages/Tables.razor b/src/RolemasterDb.App/Components/Pages/Tables.razor
index fe91f4b..a0bb77b 100644
--- a/src/RolemasterDb.App/Components/Pages/Tables.razor
+++ b/src/RolemasterDb.App/Components/Pages/Tables.razor
@@ -72,24 +72,17 @@
             <div class="table-scroll">
                 <table class="critical-table">
                     <thead>
-                        <tr>
-                            <th class="roll-band-header" rowspan="2"></th>
-                            @if (detail.Groups.Count > 0)
-                            {
-                                foreach (var group in detail.Groups)
+                        @if (detail.Groups.Count > 0)
+                        {
+                            <tr>
+                                <th class="roll-band-header" rowspan="2"></th>
+                                @foreach (var group in detail.Groups)
                                 {
                                     <th colspan="@detail.Columns.Count">@group.Label</th>
                                 }
-                            }
-                            else
-                            {
-                                <th colspan="@detail.Columns.Count"></th>
-                            }
-                        </tr>
-                        <tr>
-                            @if (detail.Groups.Count > 0)
-                            {
-                                foreach (var group in detail.Groups)
+                            </tr>
+                            <tr>
+                                @foreach (var group in detail.Groups)
                                 {
                                     foreach (var column in detail.Columns)
                                     {
@@ -98,17 +91,20 @@
                                         </th>
                                     }
                                 }
-                            }
-                            else
-                            {
-                                foreach (var column in detail.Columns)
+                            </tr>
+                        }
+                        else
+                        {
+                            <tr>
+                                <th class="roll-band-header"></th>
+                                @foreach (var column in detail.Columns)
                                 {
                                     <th>
                                         <span>@column.Label</span>
                                     </th>
                                 }
-                            }
-                        </tr>
+                            </tr>
+                        }
                     </thead>
                     <tbody>
                         @foreach (var rollBand in detail.RollBands)