From cb768bf2af2ccdef8859238049b7404364e14ffc Mon Sep 17 00:00:00 2001 From: SowntharyaJ Date: Wed, 22 Oct 2025 12:38:40 +0530 Subject: [PATCH 1/4] Added UG content for Grid cell border customization. --- ...yle_bordercolor_basedon_rowcolumnindex.png | Bin 0 -> 27673 bytes MAUI/DataGrid/conditional-styling.md | 58 ++++++++++++++++++ 2 files changed, 58 insertions(+) create mode 100644 MAUI/DataGrid/Images/conditional-styling/maui-datagrid-conditional-datagridcelltyle_bordercolor_basedon_rowcolumnindex.png diff --git a/MAUI/DataGrid/Images/conditional-styling/maui-datagrid-conditional-datagridcelltyle_bordercolor_basedon_rowcolumnindex.png b/MAUI/DataGrid/Images/conditional-styling/maui-datagrid-conditional-datagridcelltyle_bordercolor_basedon_rowcolumnindex.png new file mode 100644 index 0000000000000000000000000000000000000000..a4fb8dcf34b7271b0e3c38a797d378f148507066 GIT binary patch literal 27673 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 Dripo8 literal 0 HcmV?d00001 diff --git a/MAUI/DataGrid/conditional-styling.md b/MAUI/DataGrid/conditional-styling.md index 9e9ee14320..fcf3d54b17 100644 --- a/MAUI/DataGrid/conditional-styling.md +++ b/MAUI/DataGrid/conditional-styling.md @@ -390,6 +390,64 @@ public class ForeColorConverter : IValueConverter ![Conditional cell styling based on RowIndex and ColumnIndex in .NET MAUI DataGrid](Images/conditional-styling/maui-datagrid-conditional-datagridcelltyle_basedon_rowcolumnindex.png) +## Customizing Border Color for a Specific Cell in SfDataGrid +You can apply styling to a specific cell in the SfDataGrid by targeting the DataGridCell and using the RowIndex and ColumnIndex properties along with the BorderColor property. This allows you to customize the appearance of individual cells, such as setting a unique border color. Additionally, you can customize the thickness of the border using the [GridLineStrokeThickness](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridStyle.html#Syncfusion_Maui_DataGrid_DataGridStyle_GridLineStrokeThicknessProperty) property. + +{% tabs %} +{% highlight xaml tabtitle="MainPage.xaml" %} + + + + + + + + + + + + + + + + + + + +{% endhighlight %} +{% highlight xaml tabtitle="BorderColorConverter.cs" %} + +public class BorderColorConverter : IValueConverter +{ + public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture) + { + var gridCell = value as DataGridCell; + + if (gridCell != null) + { + if (gridCell.DataColumn!.RowIndex == 4 && gridCell.DataColumn.ColumnIndex == 3) + return Colors.Blue; + + return Colors.Transparent; + } + + return Colors.Transparent; + } + + public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture) + { + throw new NotImplementedException(); + } +} +{% endhighlight %} +{% endtabs %} + +![Conditional cell styling based on RowIndex and ColumnIndex in .NET MAUI DataGrid](Images/conditional-styling/maui-datagrid-conditional-datagridcelltyle_bordercolor_basedon_rowcolumnindex.png) + ## Style a cell based on cell value Styling can be applied to a particular cell based on CellValue property by writing the style for the [DataGridCell](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCell.html) TargetType. From ab6a9d6de666faf2ca72be502207f0bcca75ce0d Mon Sep 17 00:00:00 2001 From: SowntharyaJ Date: Wed, 22 Oct 2025 15:46:50 +0530 Subject: [PATCH 2/4] Review correction done. --- ...tomizing-bordercolor_basedon_rowcolumnindex.png} | Bin MAUI/DataGrid/conditional-styling.md | 10 +++------- 2 files changed, 3 insertions(+), 7 deletions(-) rename MAUI/DataGrid/Images/conditional-styling/{maui-datagrid-conditional-datagridcelltyle_bordercolor_basedon_rowcolumnindex.png => maui-datagrid-customizing-bordercolor_basedon_rowcolumnindex.png} (100%) diff --git a/MAUI/DataGrid/Images/conditional-styling/maui-datagrid-conditional-datagridcelltyle_bordercolor_basedon_rowcolumnindex.png b/MAUI/DataGrid/Images/conditional-styling/maui-datagrid-customizing-bordercolor_basedon_rowcolumnindex.png similarity index 100% rename from MAUI/DataGrid/Images/conditional-styling/maui-datagrid-conditional-datagridcelltyle_bordercolor_basedon_rowcolumnindex.png rename to MAUI/DataGrid/Images/conditional-styling/maui-datagrid-customizing-bordercolor_basedon_rowcolumnindex.png diff --git a/MAUI/DataGrid/conditional-styling.md b/MAUI/DataGrid/conditional-styling.md index fcf3d54b17..19ee67dc4b 100644 --- a/MAUI/DataGrid/conditional-styling.md +++ b/MAUI/DataGrid/conditional-styling.md @@ -390,8 +390,8 @@ public class ForeColorConverter : IValueConverter ![Conditional cell styling based on RowIndex and ColumnIndex in .NET MAUI DataGrid](Images/conditional-styling/maui-datagrid-conditional-datagridcelltyle_basedon_rowcolumnindex.png) -## Customizing Border Color for a Specific Cell in SfDataGrid -You can apply styling to a specific cell in the SfDataGrid by targeting the DataGridCell and using the RowIndex and ColumnIndex properties along with the BorderColor property. This allows you to customize the appearance of individual cells, such as setting a unique border color. Additionally, you can customize the thickness of the border using the [GridLineStrokeThickness](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridStyle.html#Syncfusion_Maui_DataGrid_DataGridStyle_GridLineStrokeThicknessProperty) property. +### Customizing the BorderColor of a cell based on RowIndex and ColumnIndex +You can customize the border color of individual cells in the SfDataGrid based on RowIndex and ColumnIndex property , and setting the `BorderColor` property in Datagridcell by writing the style for the [DataGridCell](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCell.html) {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} @@ -410,10 +410,6 @@ You can apply styling to a specific cell in the SfDataGrid by targeting the Data - - - - @@ -446,7 +442,7 @@ public class BorderColorConverter : IValueConverter {% endhighlight %} {% endtabs %} -![Conditional cell styling based on RowIndex and ColumnIndex in .NET MAUI DataGrid](Images/conditional-styling/maui-datagrid-conditional-datagridcelltyle_bordercolor_basedon_rowcolumnindex.png) +![Customizing the BorderColor of a cell based on RowIndex and ColumnIndex in .NET MAUI DataGrid](Images/conditional-styling/maui-datagrid-customizing-bordercolor_basedon_rowcolumnindex.png) ## Style a cell based on cell value Styling can be applied to a particular cell based on CellValue property by writing the style for the [DataGridCell](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCell.html) TargetType. From 05018aedc2d97e1c4f75106c73d7ca42c3141ab2 Mon Sep 17 00:00:00 2001 From: SowntharyaJ Date: Wed, 22 Oct 2025 16:14:22 +0530 Subject: [PATCH 3/4] Resolved CI --- MAUI/DataGrid/conditional-styling.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/MAUI/DataGrid/conditional-styling.md b/MAUI/DataGrid/conditional-styling.md index 19ee67dc4b..f22121f242 100644 --- a/MAUI/DataGrid/conditional-styling.md +++ b/MAUI/DataGrid/conditional-styling.md @@ -391,7 +391,7 @@ public class ForeColorConverter : IValueConverter ![Conditional cell styling based on RowIndex and ColumnIndex in .NET MAUI DataGrid](Images/conditional-styling/maui-datagrid-conditional-datagridcelltyle_basedon_rowcolumnindex.png) ### Customizing the BorderColor of a cell based on RowIndex and ColumnIndex -You can customize the border color of individual cells in the SfDataGrid based on RowIndex and ColumnIndex property , and setting the `BorderColor` property in Datagridcell by writing the style for the [DataGridCell](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCell.html) +You can customize the border color of individual cells in the SfDataGrid based on RowIndex and ColumnIndex property , and setting the `BorderColor` property in DataGridCell by writing the style for the [DataGridCell](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCell.html) {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} From a48117ef8919718191eab45f89eb9e1e855ffb29 Mon Sep 17 00:00:00 2001 From: Amal Raj U <44425449+AmalRajUmapathySelvam@users.noreply.github.com> Date: Fri, 31 Oct 2025 13:06:05 +0530 Subject: [PATCH 4/4] Revise BorderColor customization section in documentation Updated the section on customizing BorderColor for cells in the SfDataGrid to improve clarity. --- MAUI/DataGrid/conditional-styling.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/MAUI/DataGrid/conditional-styling.md b/MAUI/DataGrid/conditional-styling.md index f22121f242..fb7edaab20 100644 --- a/MAUI/DataGrid/conditional-styling.md +++ b/MAUI/DataGrid/conditional-styling.md @@ -390,8 +390,8 @@ public class ForeColorConverter : IValueConverter ![Conditional cell styling based on RowIndex and ColumnIndex in .NET MAUI DataGrid](Images/conditional-styling/maui-datagrid-conditional-datagridcelltyle_basedon_rowcolumnindex.png) -### Customizing the BorderColor of a cell based on RowIndex and ColumnIndex -You can customize the border color of individual cells in the SfDataGrid based on RowIndex and ColumnIndex property , and setting the `BorderColor` property in DataGridCell by writing the style for the [DataGridCell](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCell.html) +### Customizing the BorderColor of a cell +You can customize the border color of individual cells in the SfDataGrid based on RowIndex and ColumnIndex property, and setting the `BorderColor` property in DataGridCell by writing the style for the [DataGridCell](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataGridCell.html) {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %}