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

Question

使用数据表编辑器插件时，我尝试在“新建”、“编辑”和“删除”按钮之外添加导出（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"
                ]
            }
        ]

但是不行...

Answer 1

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

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

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

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

Add export button to Datables Editor

datatables

jquery-datatables-editor