Merge pull request #2 from SyncfusionExamples/ES-975464

ES-975464 - Resolve the ReadMe file length issue in this sample repository

Author: vijayarasan

README.md

@@ -1,2 +1,28 @@
-# Row-and-column-header-highlighting-based-on-selection-in-WPF-Grid-Control
-This sample shows row and column header highlighting based on selection in WPF Grid Control.
+# How to Highlighting Row and Column Header Based on Selection in WPF GridControl?
+
+This sample shows row and column header highlighting based on selection in [WPF GridControl](https://www.syncfusion.com/wpf-controls/excel-like-grid).
+
+In Excel, whenever a selection is made, the headers of those rows and columns which are involved in the selection will be highlighted. You can get a similar behavior in the Grid by overriding the [OnPrepareRenderCell](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridControlBase.html#Syncfusion_Windows_Controls_Grid_GridControlBase_OnPrepareRenderCell_Syncfusion_Windows_Controls_Grid_GridPrepareRenderCellEventArgs_) method.
+
+`OnPrepareRenderCell` method will be invoked for every cell in the grid, when they are about to be rendered. Hence, using this method, the cells which are going to be rendered are identified and their headers are highlighted.
+
+``` csharp
+class ExcelGrid : GridControl
+{
+    protected override void OnPrepareRenderCell(GridPrepareRenderCellEventArgs e)
+    {
+        base.OnPrepareRenderCell(e);
+        if (e.Cell.RowIndex == 0 && Model.SelectedRanges.AnyRangeIntersects(GridRangeInfo.Col(e.Cell.ColumnIndex)))
+        {
+            e.Style.Background = this.excelOrange;
+        }
+        else if (e.Cell.ColumnIndex == 0 && Model.SelectedRanges.AnyRangeIntersects(GridRangeInfo.Row(e.Cell.RowIndex)))
+        {
+            e.Style.Background = this.excelOrange;
+        }
+    }
+    private Brush excelOrange = new SolidColorBrush(Color.FromRgb(244, 198, 111));
+}
+```
+
+![GridControl with Highlighting row and column header](RowAndColumnHeaderHighlighted.png)