From cb6ec6f852ead45218822491c2845614325fcede Mon Sep 17 00:00:00 2001
From: bikrant <bikrant.gautam@alula.net>
Date: Tue, 12 Dec 2023 22:07:12 -0600
Subject: [PATCH] Updated with PR comments

---
 demo/angular.json      |  6 ++----
 demo/package-lock.json |  9 ---------
 demo/package.json      |  1 -
 demo/src/styles.css    | 31 +++++++++++++++++++++++++++++++
 4 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/demo/angular.json b/demo/angular.json
index 7e3361ed..1e8883ab 100644
--- a/demo/angular.json
+++ b/demo/angular.json
@@ -33,8 +33,7 @@
               "node_modules/materialize-css/dist/css/materialize.css",
               "node_modules/prism-themes/themes/prism-material-dark.css",
               "src/styles.css",
-              "node_modules/prismjs/plugins/toolbar/prism-toolbar.css",
-              "node_modules/datatables.net-fixedcolumns-bs4/css/fixedColumns.bootstrap4.css"
+              "node_modules/prismjs/plugins/toolbar/prism-toolbar.css"
             ],
             "scripts": [
               "node_modules/jquery/dist/jquery.js",
@@ -135,8 +134,7 @@
               "node_modules/datatables.net-responsive-dt/css/responsive.dataTables.css",
               "node_modules/datatables.net-select-dt/css/select.dataTables.css",
               "node_modules/materialize-css/dist/css/materialize.css",
-              "src/styles.css",
-              "node_modules/datatables.net-fixedcolumns-bs4/css/fixedColumns.bootstrap4.css"
+              "src/styles.css"
             ],
             "assets": [
               "src/assets",
diff --git a/demo/package-lock.json b/demo/package-lock.json
index 6849b110..d6b156a8 100644
--- a/demo/package-lock.json
+++ b/demo/package-lock.json
@@ -6280,15 +6280,6 @@
         "jquery": ">=1.7"
       }
     },
-    "node_modules/datatables.net-bs4": {
-      "version": "1.13.8",
-      "resolved": "https://registry.npmjs.org/datatables.net-bs4/-/datatables.net-bs4-1.13.8.tgz",
-      "integrity": "sha512-9LQ4UMb28balB2xK9MhxbsDjUzAUjc0bNjxvtkysdMbb9FhNOTDkmt1I4ZzfiJiDMN8CH1vzZsgCh835LkX7SQ==",
-      "dependencies": {
-        "datatables.net": "1.13.8",
-        "jquery": ">=1.7"
-      }
-    },
     "node_modules/datatables.net-buttons": {
       "version": "2.3.6",
       "resolved": "https://registry.npmjs.org/datatables.net-buttons/-/datatables.net-buttons-2.3.6.tgz",
diff --git a/demo/package.json b/demo/package.json
index e2cec578..898acba5 100644
--- a/demo/package.json
+++ b/demo/package.json
@@ -32,7 +32,6 @@
     "datatables.net-colreorder-dt": "^1.5.5",
     "datatables.net-dt": "^1.11.3",
     "datatables.net-fixedcolumns": "^4.3.0",
-    "datatables.net-fixedcolumns-bs4": "^4.3.0",
     "datatables.net-responsive": "^2.2.9",
     "datatables.net-responsive-dt": "^2.2.9",
     "datatables.net-scroller": "^2.0.5",
diff --git a/demo/src/styles.css b/demo/src/styles.css
index f89ab27a..0323fb7d 100644
--- a/demo/src/styles.css
+++ b/demo/src/styles.css
@@ -154,3 +154,34 @@ div.code-toolbar > .toolbar button {
 markdown h5:not(markdown.faqMarkdown) {
   color: #2196f3;
 }
+
+
+/** Fixed columns css 
+
+These classes are injected by fixed columns extensions
+and can be tweaked here to match the colors of headers and body
+to hide the scrolling element behind the fixed header.
+
+*/
+
+
+table.dataTable thead tr > .dtfc-fixed-left,
+table.dataTable thead tr > .dtfc-fixed-right,
+table.dataTable tfoot tr > .dtfc-fixed-left,
+table.dataTable tfoot tr > .dtfc-fixed-right {
+  top: 0;
+  bottom: 0;
+  z-index: 3;
+  background-color: white;
+}
+
+table.dataTable tbody tr > .dtfc-fixed-left,
+table.dataTable tbody tr > .dtfc-fixed-right {
+  z-index: 1;
+  background-color: white;
+}
+
+div.dtfc-left-top-blocker,
+div.dtfc-right-top-blocker {
+  background-color: white;
+}
\ No newline at end of file