要在Blazor中动态生成表格行,您可以使用C#代码生成HTML元素,并将其绑定到UI。下面是一个简单的示例:
在Blazor页面的代码部分,您可以使用C#代码生成表格行。首先,您可以创建一个表示表格行的模型类:
public class TableRow
{
public string Name { get; set; }
public int Age { get; set; }
}
然后,在Blazor页面中,您可以在组件的C#代码段中创建一个包含TableRow对象的列表:
@page "/dynamic-table"
Name
Age
@foreach (var row in tableRows)
{
@row.Name
@row.Age
}
@code {
List tableRows = new List();
protected override void OnInitialized()
{
// 通过代码生成表格行
tableRows.Add(new TableRow { Name = "John", Age = 25 });
tableRows.Add(new TableRow { Name = "Jane", Age = 30 });
tableRows.Add(new TableRow { Name = "Smith", Age = 35 });
}
}
在上面的示例中,我们通过在OnInitialized方法中添加TableRow对象来生成表格行。然后,我们使用foreach循环在页面上显示每个表格行。
这是一个简单的示例,您可以根据自己的需求进行扩展和修改。