From 420e3617679bc42f9d3996d191d412a9babbc57b Mon Sep 17 00:00:00 2001
From: prv-proton <prashanth.venkateshappa@gov.bc.ca>
Date: Tue, 7 Jan 2025 22:08:01 -0800
Subject: [PATCH] .

---
 frontend/src/components/BCDataGrid/BCDataGridServer.jsx | 4 +++-
 frontend/src/components/BCDataGrid/BCGridViewer.jsx     | 9 +++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/BCDataGrid/BCDataGridServer.jsx b/frontend/src/components/BCDataGrid/BCDataGridServer.jsx
index df992bcea..ac84345c0 100644
--- a/frontend/src/components/BCDataGrid/BCDataGridServer.jsx
+++ b/frontend/src/components/BCDataGrid/BCDataGridServer.jsx
@@ -289,7 +289,9 @@ const BCDataGridServer = ({
 
   // Memorized default column definition parameters
   const defaultColDefParams = useMemo(() => ({
-    // headerComponent: AccessibleHeader,
+    headerComponentParams: {
+      innerHeaderComponent: AccessibleHeader
+    },
     suppressHeaderFilterButton: true,
     resizable: true,
     sortable: true,
diff --git a/frontend/src/components/BCDataGrid/BCGridViewer.jsx b/frontend/src/components/BCDataGrid/BCGridViewer.jsx
index 994e1660f..54614873c 100644
--- a/frontend/src/components/BCDataGrid/BCGridViewer.jsx
+++ b/frontend/src/components/BCDataGrid/BCGridViewer.jsx
@@ -1,7 +1,10 @@
 import BCAlert, { FloatingAlert } from '@/components/BCAlert'
 import BCBox from '@/components/BCBox'
 import { BCGridBase } from '@/components/BCDataGrid/BCGridBase'
-import { AccessibleHeader, BCPagination } from '@/components/BCDataGrid/components'
+import {
+  AccessibleHeader,
+  BCPagination
+} from '@/components/BCDataGrid/components'
 import '@ag-grid-community/styles/ag-grid.css'
 import '@ag-grid-community/styles/ag-theme-material.css'
 import { useCallback, useMemo, useRef, useState } from 'react'
@@ -161,7 +164,9 @@ export const BCGridViewer = ({
 
   const defaultColDefParams = useMemo(
     () => ({
-      // headerComponent: AccessibleHeader,
+      headerComponentParams: {
+        innerHeaderComponent: AccessibleHeader
+      },
       suppressHeaderFilterButton: true,
       resizable: true,
       sortable: true,