Grid row color
I am trying to change the row color based on the value of one of the fields. I used rowdatabound event for doing it like you have in your documentation but it doesn't work with frozen columns like it used to. The frozen columns do not have the row color.
Attachment: GridRowColor_a8b198e7.zip
Hi Nick,
Regarding the reported issue, this is already a known issue and we would like
to inform you that we have changed the frozen feature by replacing the previous
three-table approach with a single-table approach in version 24.1.41. You can
find more details in the release notes: https://blazor.syncfusion.com/documentation/release-notes/24.1.41?type=all#data-grid.Due
to these breaking changes, we are unable to fix the issue internally. So, we
suggest using the below provided CSS class to achieve your requirement
when using the frozen feature in the grid. Thank you for your understanding.
|
<style> .completed, .e-grid .e-row.completed .e-rowcell { background-color: #a0db8e; }
.in-progress, .e-grid .e-row.in-progress .e-rowcell { background-color: #fff68f; }
.requested, .e-grid .e-row.requested .e-rowcell { background-color: #ff6666; }
</style> |
We have logged an internal bug task in our UG documentation. We will include
the correction in one of our upcoming patch releases. Therefore, we kindly
request you to periodically visit our website for documentation updates. Thank
you for bringing this to our attention, and we appreciate your patience and
cooperation.
Additionally, it seems that the script reference has not been defined
correctly,If you are using Syncfusion.Blazor single NuGet. If this is
the case, we recommend referring to the attached code snippet and our
documentation for further assistance.
Note:If you are Syncfusion.Blazor single NuGet you don’t
need to install the Syncfusion.Blazor.Themes Nuegt.
|
<html lang="en">
<head> <!--<link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />-->
<!--Refer theme style sheet as below if you are using Syncfusion.Blazor Single NuGet--> <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap5.css" rel="stylesheet" />
</head>
<body> ------------
<!--Use below script reference if you are using Syncfusion.Blazor Single NuGet--> <script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script> </body>
</html> |
Documentation: https://blazor.syncfusion.com/documentation/datagrid/getting-started
Regards,
Prathap Senthil
Attachment: GridRowColor_Modified_d6d613d4.zip
