Blazor Server下RadzenDataGrid行背景色条件渲染不生效问题求助

问题原因 #

你的RowRender逻辑本身没问题，但RadzenDataGrid的行默认样式（包括未选中状态的背景）优先级较高，导致你添加的行内样式被覆盖，只有点击行触发样式变化时才会显示自定义背景。另外如果数据更新后未触发组件重新渲染，也会导致样式不及时更新。

解决方案 #

1. 提升行样式优先级

通过!important强制覆盖默认样式，修改RowRender方法：

void RowRender(RowRenderEventArgs<Order> args)
{
    if(args.Data.Status == "Completed")
        args.Attributes.Add("style", "background-color: var(--rz-success-light) !important;");
}

2. 使用自定义CSS类（推荐）

这种方式样式优先级更高，也更易维护：

• 先在组件的<style>块中定义自定义类：

.completed-row {
    background-color: var(--rz-success-light) !important;
}

• 然后在RowRender事件中添加类：

void RowRender(RowRenderEventArgs<Order> args)
{
    if(args.Data.Status == "Completed")
        args.Attributes.Add("class", "completed-row");
}

或者更简洁地直接使用RadzenDataGrid的RowClass属性：

<RadzenDataGrid @ref="_grid" ... RowClass="@(order => order.Status == "Completed" ? "completed-row" : "")">

3. 确保组件及时渲染

如果你的_orders数据是动态加载或更新的，要确保组件能感知到数据变化：

• 若使用List<Order>，更新数据后需重新赋值（如_orders = new List<Order>(updatedOrders);）
• 或在数据更新后调用StateHasChanged()通知组件重新渲染

为什么CellRender能生效？ #

CellRender是给每个单元格添加样式，单元格的背景样式会直接覆盖行的默认背景，因此无需额外提升优先级就能看到效果。但RowRender是给行元素加样式，会被表格的行默认样式覆盖，所以需要调整优先级。

内容的提问来源于stack exchange，提问作者raysefo