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

Question

当使用Datatables Editor插件时，我试图在"New“、"Edit”和"Delete“按钮旁边添加Export (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() ) );
} );

然后，我尝试添加"export“按钮，如下所示：

[
            { 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，Edit，Delete“按钮之后添加它们，只需在这些按钮之后添加这些定义即可。