.Net Core MVC免费处理数据表格(Data Grid)工具

Bootstrap Table：
描述：Bootstrap Table 是一个基于 Bootstrap 的免费数据表格组件，提供了丰富的功能和样式选项。
链接：Bootstrap Table 官方网站
使用方法：你可以通过 CDN 引入 Bootstrap Table 的样式和脚本文件，并在 Razor 视图中使用它来展示数据表格。以下是一个简单的示例：

<!-- 引入 Bootstrap Table 样式和脚本 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.18.3/dist/bootstrap-table.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.18.3/dist/bootstrap-table.min.js"></script>

<!-- 在 Razor 视图中使用 Bootstrap Table -->
<table id="myTable" data-toggle="table" data-url="/path/to/data" data-pagination="true">
    <thead>
        <tr>
            <th data-field="id">ID</th>
            <th data-field="name">Name</th>
            <th data-field="price">Price</th>
        </tr>
    </thead>
</table>

<script>
    $(document).ready(function () {
        $('#myTable').bootstrapTable();
    });
</script>

DataTables：
描述：DataTables 是一个功能强大的免费数据表格组件，提供了丰富的功能和可定制选项。
链接：DataTables 官方网站
使用方法：你可以通过 CDN 引入 DataTables 的样式和脚本文件，并在 Razor 视图中使用它来展示数据表格。以下是一个简单的示例：

<!-- 引入 DataTables 样式和脚本 -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>

<!-- 在 Razor 视图中使用 DataTables -->
<table id="myTable" class="display">
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Price</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Product 1</td>
            <td>$100</td>
        </tr>
        <!-- 添加更多数据行 -->
    </tbody>
</table>

<script>
    $(document).ready(function () {
        $('#myTable').DataTable();
    });
</script>