Asp.net core ASP Net核心缺少使用内容交付网络的DataTable按钮

我的目标是在ASP Net核心中执行以下操作：

创建jQuery数据表

显示列表中的条目数 数据表

确保用户能够在excel中导出数据集， csv、pdf和复制结果已安装所有引用 在ASP Net内核中使用CDN（内容交付网络）

我的问题

youtube上是否有任何教程或文章描述如何做到这一点

我遵循本教程。问题是，尽管我能够使用他的教程创建datatable，但以下问题仍然存在：

缺少数据表中的条目数

用户无法以excel、csv、pdf格式导出数据集，也无法复制结果

几周来我一直在想怎么做。我怀疑已经安装在布局中的引导程序导致了这些问题。非常感谢您的帮助

真诚地

---

Sandra

要实现使用数据表的要求，可以参考以下示例

In_Layout.cshtml

CSS引用

JS参考

查看页面

添加数据导出插件所需的JS引用

@节脚本{
$（函数（）{
$（“#myTable”）.dataTable({
dom:'Bfrtip'，
按钮：[
“复制”、“csv”、“excel”、“pdf”、“打印”
]
});
})
}

测试结果

---

这非常有效！唯一缺少的另一个元素是下拉列表，它允许用户选择每页显示的行数。知道如何让下拉菜单工作吗

另一个缺少的元素是下拉菜单，它允许用户选择每页显示的行数。

要同时显示下拉菜单和数据导出按钮，可以将

dom

选项设置为

'lBfrtip'

@Lisa:以显示允许用户选择每页行数的下拉菜单，您可以将jQuery DataTable的属性设置为true，如下面的

“lengthChange”：true

这非常有效

Hi@Lisa，您可以参考以接受上述答复作为答案。我接受了答案-非常感谢您的帮助！

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet" />
<link href="https://cdn.datatables.net/buttons/1.6.2/css/buttons.dataTables.min.css" rel="stylesheet" />
<link rel="stylesheet" href="~/css/site.css" />

<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>

@section scripts{
    <script src="https://cdn.datatables.net/buttons/1.6.2/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.flash.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.print.min.js"></script>

    <script>
        $(function () {
            $("#myTable").dataTable({
                dom: 'Bfrtip',
                buttons: [
                    'copy', 'csv', 'excel', 'pdf', 'print'
                ]
            });
        })
    </script>
}