在 ASP.NET MVC .Net 5/.Net 核心中创建 GridView 的最佳方法 [关闭]答案

【问题标题】：Best way to create a GridView in ASP.NET MVC .Net5/.Net core [closed]在 ASP.NET MVC .Net 5/.Net 核心中创建 GridView 的最佳方法 [关闭]
【发布时间】：2021-10-14 08:31:41
【问题描述】：

我们如何在 ASP.NET MVC .Net5/.net core 中创建一个 GridView，就像我们在 ASP.NET Web 表单中一样。有许多第三方插件，用 jQuery 编写，可用于服务器端和客户端。如果需要在客户端或服务器端进行搜索，这完全取决于特定应用程序的要求。或 2021/2022 年在 ASP.NET MVC .Net5 /.net core 中创建 GridView 的最佳方式或最佳插件是什么？

【问题讨论】：

标签： c# asp.net-mvc asp.net-core gridview .net-5

【解决方案1】：

如果您使用Datatable jquery 库，只需几行代码就可以为 Asp.net MVC 提供服务器/客户端分页、排序、过滤的网格视图。

基本上你要做的是：

在您的视图 (CShtml) 中使用数据呈现一个简单的 Html 表格
然后在页面加载时触发 Datatable 脚本

以下是一些示例代码：

在您的 CSHtml 文件中，您根据您的视图模型呈现一个带有动态行的 Html 表，这是一个非常常见的代码：

<table id="tblList" class="table table-responsive hover">
    <thead>
        <tr>
            <th>Col 1</th>
            <th>Col 2</th>
        </tr>
    </thead>
    <tbody id="tbody">
        @foreach (var item in Model)
        {
            <tr>
                <td>Col 1 Data</td>
                <td>Col 2 Data</td>
            </tr>
        }
    </tbody>
</table>

然后在 脚本块 中触发 Datatable 插件，将简单的 Html 表格转换为具有客户端分页、排序、过滤功能的网格视图：

<script type="text/javascript">
    $(document).ready(function () {
        $('#tblList').DataTable({
            responsive: true,
            "lengthMenu": [50, 75, 100],
            "pageLength": 50
        });
    });
</script>

这是上面代码的示例输出（列名当然不同）：

不要忘记在页面标题（布局页面）中包含库：

<link rel="stylesheet" href="https://cdn.datatables.net/1.11.0/css/jquery.dataTables.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.11.0/js/jquery.dataTables.min.js"></script>

【讨论】：

感谢您抽出宝贵时间回答我的问题，但我的问题是关于像 MvcContrib 这样操作 GridView 的最佳 .NET Core 库是什么...