将导出按钮添加到数据表编辑器答案

【问题标题】：Add export button to Datables Editor将导出按钮添加到数据表编辑器
【发布时间】：2020-10-18 22:30:30
【问题描述】：

当使用数据表编辑器插件时，我试图在“新建”、“编辑”和“删除”按钮之外添加导出（excel、csv 等）按钮。我的原始代码：

    new $.fn.dataTable.Buttons( table, [
        { extend: "create", editor: editor },
        { extend: "edit",   editor: editor },
        { extend: "remove", editor: editor }
    ]);
    table.buttons().container()
        .appendTo( $('.col-md-6:eq(0)', table.table().container() ) );
} );

然后我尝试添加这样的“导出”按钮：

[
            { extend: "create", editor: editor },
            { extend: "edit",   editor: editor },
            { extend: "remove", editor: editor },
            {
                extend: "collection",
                text: 'Export',
                buttons: [
                    "copy",
                    "excel",
                    "csv",
                    "pdf",
                    "print"
                ]
            }
        ]

但它不起作用......

【问题讨论】：

标签： datatables jquery-datatables-editor

【解决方案1】：

您的按钮定义应如下所示：

                {
                    extend: 'excel',
                    
                },
                {
                    extend: 'pdf',
                   
                },
                {
                    extend: 'csv',
                   
                },
               {
                    extend: 'print',
                   
                },
                 {
                     extend: 'copy',
                   
                }

它们是单独的按钮，而不是单个按钮。您可以按您想要的任何顺序添加它们，因此如果您希望它们位于“添加、编辑、删除”按钮之后，只需在这些按钮之后添加这些定义即可。

【讨论】：