以下是一个简单的示例，演示如何在ASP.NET MVC WebPages中使用 WebGrid：
@{
var data = new List<Employee>
{
new Employee { Id = 1, Name = "John Doe", Department = "IT" },
new Employee { Id = 2, Name = "Jane Smith", Department = "HR" },
new Employee { Id = 3, Name = "Bob Johnson", Department = "Finance" },
// Add more data as needed
};
var grid = new WebGrid(data, canPage: true, rowsPerPage: 2);
}
<!DOCTYPE html>
<html>
<head>
<title>Employee List</title>
</head>
<body>
<h2>Employee List</h2>
@grid.GetHtml(
tableStyle: "table",
headerStyle: "table-header",
alternatingRowStyle: "table-alternating-row",
columns: grid.Columns(
grid.Column("Id", "ID"),
grid.Column("Name", "Name"),
grid.Column("Department", "Department")
)
)
</body>
</html>
在这个例子中，我们首先创建了一个包含一些员工数据的列表。然后，我们使用 WebGrid 对象初始化了一个网格，并指定了数据、是否启用分页以及每页的行数。
在 @grid.GetHtml 方法中，我们配置了表格的样式，并使用 grid.Columns 定义了每一列的显示方式。在这个简单的示例中，我们显示了员工的ID、姓名和部门。
WebGrid 会自动处理分页，你可以点击表格的列标题来进行排序，还可以使用内置的搜索功能。通过调整 @grid.GetHtml 方法的参数，你可以进一步自定义网格的外观和行为。
注意：在ASP.NET MVC WebPages中，WebGrid 是相对较轻量级的解决方案。如果你在ASP.NET MVC框架中使用更高级的视图引擎，例如Razor视图引擎，你可能会使用 GridView 或其他更强大的数据显示工具。
转载请注明出处：http://www.pingtaimeng.com/article/detail/14903/ASP.NET MVC