Javascript 如何从自定义按钮调用Datatable csv按钮

需要从我的自定义按钮调用csv按钮

<button value="Export report to Excel" class="button-default datatable-csv" type="button" id="ExportReporttoExcel">
                <span>Export report to Excel</span>
            </button>

获得如下输出，但我只需要一个按钮

---

如果您试图触发另一个按钮的单击事件，并且正在使用jQuery（根据您的标记），则可以使用

<button onclick="$('#ExportReporttoExcel').click()">Click me</button>

点击我

---

这将选择id为“ExportReporttoExcel”的元素，并使用jQuery触发单击。

dataTables导出按钮在默认情况下由签名类（如

）.buttons excel

、

.buttons pdf

、

.buttons csv

等）丰富。利用这一点：

$('#ExportReporttoExcel').on('click', function() {
  $('.buttons-excel').click()
});

---

最后我找到了解决办法

在Datatable配置中，我为要触发的按钮添加了click事件

buttons: [
        { 
            extend: 'csv',
        }
    ]

$("#ExportReporttoExcel").on("click", function() {
    table.button( '.buttons-csv' ).trigger();
});

---

这对我来说很好，谢谢你的评论和回答。说你有自己的按钮

您有您正在使用下面代码的表

$(document).ready(function () {
    var table = $('#example').DataTable({
        "paging": false,
        "info": false,
        searching: false,
        dom: 'Bfrtip',
        buttons: [
            {
                extend: 'excelHtml5'
            }
        ]
    });
});

那么您需要做的就是使用下面的代码：

$('#example').DataTable({
        "paging": false,
        "info": false,
        buttons: [
            {
                extend: 'excel'
            },
            {
                extend: 'csv'
            },
        ]
    });
$('.button_export_excel').click(() => {
    $('#example').DataTable().buttons(0,0).trigger()
})

---

0,0指向excel，如果你想指向csv，你就要指向0,1。

你不能添加

onclick=“yourFunction（）”

属性吗？当你说“调用按钮”时，你的意思是实用地点击它，对吗？是的，内维尔·纳泽兰，需要将表导出到csv文件我根本不需要数据表按钮，换句话说，我需要通过更改位置和样式来定制按钮。这个答案显示了如何触发id ExportReporttoExcel的单击。我不确定您的问题是什么，但根据您的回答，您似乎需要更改#ExportReporttoExcel的单击事件。如果您希望按钮在单击时执行相同的操作，您仍然可以使用上述代码。它对我不起作用。它给我的错误是table.button不是函数（）；我的代码是：$（“#btnExport”）.on（“单击”，function（）{var table=$（'#tableList'）.DataTable（）；table.button（'.buttons excel'）.trigger（）；}）；工作起来很有魅力！你救了我一天。非常感谢。

$('#example').DataTable({
        "paging": false,
        "info": false,
        buttons: [
            {
                extend: 'excel'
            },
            {
                extend: 'csv'
            },
        ]
    });
$('.button_export_excel').click(() => {
    $('#example').DataTable().buttons(0,0).trigger()
})