From 19e5d2128afbfa1e576aa1da137fe23e76ad6b3a Mon Sep 17 00:00:00 2001
From: Jan Calanog <jan.calanog@elastic.co>
Date: Thu, 3 Apr 2025 11:58:55 +0200
Subject: [PATCH] Fix table header appearance when a cell is empty

---
 src/Elastic.Markdown/Assets/markdown/table.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Elastic.Markdown/Assets/markdown/table.css b/src/Elastic.Markdown/Assets/markdown/table.css
index 1564b225d..23d0026f4 100644
--- a/src/Elastic.Markdown/Assets/markdown/table.css
+++ b/src/Elastic.Markdown/Assets/markdown/table.css
@@ -25,7 +25,8 @@
 
 		thead {
 			@apply border-grey-20 bg-grey-10 border-b-1 text-left align-top font-sans font-semibold;
-			:empty {
+			&:not(:has(th:not(:empty))) {
+				/* If no th within thead is not empty, all are empty, so hide the thead */
 				display: none;
 			}
 		}