【问题标题】: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',
                       
                    }
    

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-06-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多