From b83514f22e3370339816a5ca346447f4b6da4ccb Mon Sep 17 00:00:00 2001
From: Naveen <naveen.palanivel@syncfusion.com>
Date: Thu, 4 Jan 2024 16:37:02 +0530
Subject: [PATCH 1/2] To modify the CSS for changing the default frozen line
 color.

---
 blazor/datagrid/scrolling.md | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/blazor/datagrid/scrolling.md b/blazor/datagrid/scrolling.md
index 7c0ea505b6..23cb3fd908 100644
--- a/blazor/datagrid/scrolling.md
+++ b/blazor/datagrid/scrolling.md
@@ -295,18 +295,15 @@ The following demo shows how to change the default frozen line color.
 </SfGrid>
 
 <style>
-    .e-grid .e-frozenheader > .e-table,
-    .e-grid .e-frozencontent > .e-table,
-    .e-grid .e-frozencontent .e-virtualtable > .e-table,
-    .e-grid .e-frozenheader .e-virtualtable > .e-table {
-        border-right-color: orangered;
+
+    .e-grid .e-frozenrow-border {
+        background-color: aqua;
     }
-    .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
-    .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
-    .e-grid .e-frozenhdrcont .e-movableheader > .e-table,
-    .e-grid .e-frozenhdrcont .e-headercontent .e-virtualtable > .e-table {
-        border-bottom-color: orangered;
+
+    .e-grid .e-leftfreeze.e-freezeleftborder {
+        border-right-color: aqua;
     }
+
 </style>
 
 @code{
@@ -343,9 +340,7 @@ The following demo shows how to change the default frozen line color.
 }
 ```
 
-The following screenshots represent a datagrid by customizing frozen line color.
-
-![Changing Frozen Line Color in Blazor DataGrid](./images/blazor-datagrid-frozen-line-color.png)
+{% previewsample "https://blazorplayground.syncfusion.com/embed/LZrJtCtfqabYAuXj?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
 ### Limitations
 

From e894fa617e78b6917935290a32418194f98065f8 Mon Sep 17 00:00:00 2001
From: Naveen <naveen.palanivel@syncfusion.com>
Date: Fri, 5 Jan 2024 11:55:50 +0530
Subject: [PATCH 2/2] To modify the CSS for changing the default frozen line
 color.

---
 blazor/datagrid/scrolling.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/blazor/datagrid/scrolling.md b/blazor/datagrid/scrolling.md
index 23cb3fd908..4360ebc70b 100644
--- a/blazor/datagrid/scrolling.md
+++ b/blazor/datagrid/scrolling.md
@@ -280,7 +280,7 @@ The following demo shows how to change the default frozen line color.
 ```cshtml
 @using Syncfusion.Blazor.Grids
 
-<SfGrid DataSource="@Orders" AllowSelection="false" EnableHover="false" FrozenColumns="2" FrozenRows="3" Width="100%" Height="400">
+<SfGrid DataSource="@Orders" AllowSelection="false" EnableHover="false" FrozenColumns="2" FrozenRows="3" Width="600" Height="400">
     <GridColumns>
         <GridColumn Field=@nameof(Order.OrderID) HeaderText="Order ID" TextAlign="TextAlign.Right" Width="120"></GridColumn>
         <GridColumn Field=@nameof(Order.CustomerID) HeaderText="Customer Name" Width="150"></GridColumn>
@@ -340,7 +340,7 @@ The following demo shows how to change the default frozen line color.
 }
 ```
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/LZrJtCtfqabYAuXj?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/hZVJXsXSLrGWRalt?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
 ### Limitations