From 961e7b8b33f0696e695b82e102b70fdb506bf5db Mon Sep 17 00:00:00 2001
From: Vikram Reddy <gvreddy04@gmail.com>
Date: Thu, 14 Mar 2024 22:14:13 +0530
Subject: [PATCH] Grid: Header row css class not working #599
 https://github.com/vikramlearning/blazorbootstrap/issues/606

---
 blazorbootstrap/Components/Grid/Grid.razor.cs | 1 +
 blazorbootstrap/wwwroot/blazor.bootstrap.css  | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/blazorbootstrap/Components/Grid/Grid.razor.cs b/blazorbootstrap/Components/Grid/Grid.razor.cs
index 0304aebe9..911a56454 100644
--- a/blazorbootstrap/Components/Grid/Grid.razor.cs
+++ b/blazorbootstrap/Components/Grid/Grid.razor.cs
@@ -43,6 +43,7 @@ public partial class Grid<TItem> : BlazorBootstrapComponentBase
 
    protected override void BuildClasses()
     {
+        this.AddClass("bb-table");
         this.AddClass(BootstrapClassProvider.TableSticky, FixedHeader);
 
         base.BuildClasses();
diff --git a/blazorbootstrap/wwwroot/blazor.bootstrap.css b/blazorbootstrap/wwwroot/blazor.bootstrap.css
index 21bf6f3a3..8de10958b 100644
--- a/blazorbootstrap/wwwroot/blazor.bootstrap.css
+++ b/blazorbootstrap/wwwroot/blazor.bootstrap.css
@@ -131,6 +131,12 @@ table button.dropdown-toggle.bb-grid-filter::after {
 }
 
 /* grid - fixed header */
+.bb-table {
+    /* NOTE: intentionally overriding the behavior */
+    --bs-table-color: inherit !important;
+    --bs-table-bg: inherit !important;
+}
+
 .bb-table-sticky {
     border-collapse: collapse;
     border-spacing: 0;