Blazor Webassembly中Radzen Grid绑定数据后无内容显示问题求助

问题原因及修复方案 #

你遇到的问题由以下几个常见的配置/代码错误导致，按优先级检查修复即可： #

1. 组件标签不匹配

你当前外层使用的是旧版已废弃的RadzenGrid组件，但内层列使用的是新版RadzenDataGrid配套的RadzenDataGridColumn，二者不兼容导致组件无法正常渲染。
修复方式：将外层标签统一替换为新版RadzenDataGrid即可，修改后的组件代码如下：

<RadzenDataGrid TItem="Person" Data="@_employees" Count="@_count">
    <Columns>
        <RadzenDataGridColumn TItem="Person" Property="FirstName" Title="First Name" />
        <RadzenDataGridColumn TItem="Person" Property="LastName" Title="Last Name" />
        <RadzenDataGridColumn TItem="Person" Property="DayOfBirth" Title="Birthday" />
    </Columns>
</RadzenDataGrid>

2. 未引入Radzen静态资源

如果修改标签后依然异常，检查你Blazor WebAssembly项目的wwwroot/index.html文件，是否已经引入Radzen的样式和脚本资源：

<!-- 引入Radzen默认主题样式，可根据需要替换为其他主题 -->
<link rel="stylesheet" href="_content/Radzen.Blazor/css/default.css">
<!-- 引入Radzen交互脚本 -->
<script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>

3. 未注册Radzen服务

检查项目Program.cs文件，是否已经在服务容器中注册Radzen相关服务：

// 在Build()方法之前添加该行
builder.Services.AddRadzenComponents();

按上述步骤依次排查修改后即可正常渲染表格。

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