FluenDataGrid and PropertyColumns: Header and Value Colors Do Not Differ as Expected

[thieng101]

🐛 Bug Report

The PropertyColumns component is expected to have a different color than its corresponding header, as shown on the demo website. However, it currently does not

💻 Repro or Code Sample

1. Create a Blazor template
2. Try to implement FluentDataGrid like in the demo website (make sure you connect it with a data source as well)

<FluentDataGrid Style="min-width: max-content;" Items="@FilteredItems" ShowHover="true" TGridItem="OrderFulfillmentStateViewModel" Pagination="_paginationState" OnRowClick="HandleRowClick" GenerateHeader="GenerateHeaderOption.Sticky">

<PropertyColumn Width="200px" Align="Align.Start" Title="Order ID" Property="order=>order.OrderId" Style="color: #af5f00 ;" />

🤔 Expected Behavior

PropertyColumn should have text-color (#af5f00) and its header text-color should be black.

😯 Current Behavior

The header and the column have the same color (#af5f00)

🔦 Context

This issue is important because having distinct colors for the PropertyColumns and their corresponding headers enhances the visual clarity and usability of the interface. It is also a production project so I'm trying to bring the best user interface to my client.

[vnbaaij]

Hi. As I said on Discord, please make sure you post ready to run demo code. If we go copy the code from the demo, chances are that it will work for us as expected (as it is working on the demo site) Just create a zip of your project or supply a link to a repo.

Standard reply below...

Please supply us with ready-to-run reproduction code in the form of something we can copy/paste, a (zipped) project structure or a GitHub repository.

We do not have capacity to craft or compose a reproduction for every issue that gets raised.

If no code or repository is provided, this issue will be closed in 3 days

Help us to help you. Thanks.