WebGrid 是 ASP.NET Web Pages 中的一个辅助类，用于在 Razor 页面中轻松地创建和显示数据表格。它提供了一种简化的方式来呈现数据，包括排序、分页和选择功能。

以下是一个简单的示例，演示了如何在 ASP.NET Web Pages 中使用 WebGrid：
@{
    var data = new[] {
        new { Id = 1, Name = "John", Age = 25 },
        new { Id = 2, Name = "Jane", Age = 30 },
        new { Id = 3, Name = "Bob", Age = 22 }
    };

    var grid = new WebGrid(data, canPage: true, rowsPerPage: 2, canSort: true);
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WebGrid Example</title>
</head>
<body>

    <h2>WebGrid Example</h2>

    @grid.GetHtml(
        tableStyle: "table",
        headerStyle: "thead-dark",
        alternatingRowStyle: "alt",
        columns: grid.Columns(
            grid.Column("Id", "ID"),
            grid.Column("Name", "Name"),
            grid.Column("Age", "Age")
        )
    )

</body>
</html>

在这个例子中，我们首先定义了一个包含一些示例数据的匿名类型数组 data。然后，我们使用 WebGrid 类来创建一个数据网格。WebGrid 的构造函数接受数据源、分页、排序等参数。

最后，通过 grid.GetHtml 方法将数据表格呈现到页面上。columns 方法用于指定要显示的列，每一列使用 grid.Column 方法定义。

此外，你还可以使用 WebGrid 的其他属性和方法，如设置排序、分页、选择功能等。在 ASP.NET Web Pages 中，WebGrid 是一个强大而灵活的工具，使得在页面上显示和交互数据变得非常简单。

请确保你的项目使用了 Razor 视图引擎，并已正确配置 WebGrid 的相关引用。


转载请注明出处：http://www.pingtaimeng.com/article/detail/6536/ASP.NET