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



当使用Datatables Editor插件时,我试图在"New"编辑";以及";删除";按钮。我的原始代码:

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"
]
}
]

但它不起作用。。。

您的按钮定义应该如下所示:

{
extend: 'excel',

},
{
extend: 'pdf',

},
{
extend: 'csv',

},
{
extend: 'print',

},
{
extend: 'copy',

}

它们是单独的按钮,而不是单个按钮。你可以按照你想要的任何顺序添加它们,所以如果你想要在";添加、编辑、删除";按钮,只需在这些按钮之后添加这些定义。

最新更新