Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改自定义div/表外数据表导出按钮的位置_Javascript_Html_Datatables - Fatal编程技术网

Javascript 如何更改自定义div/表外数据表导出按钮的位置

Javascript 如何更改自定义div/表外数据表导出按钮的位置,javascript,html,datatables,Javascript,Html,Datatables,我想在表外显示导出按钮 我在stackoverflow中看到了一个例子,但那是一个选择选项方法,看到那个例子了吗 如果有人知道如何做到这一点,请修改它并共享JSFIDLE链接 这是我使用bootstrap4数据表的代码 Javasript $document.readyfunction{ $datatable.datatable, $datatable按钮 .DataTable{ 长度变化:!1, 按钮:[ { 扩展:“复制”, 正文:, 标题:“复制”, 类名:“btn btn md mr-

我想在表外显示导出按钮

我在stackoverflow中看到了一个例子,但那是一个选择选项方法,看到那个例子了吗

如果有人知道如何做到这一点,请修改它并共享JSFIDLE链接

这是我使用bootstrap4数据表的代码

Javasript

$document.readyfunction{ $datatable.datatable, $datatable按钮 .DataTable{ 长度变化:!1, 按钮:[ { 扩展:“复制”, 正文:, 标题:“复制”, 类名:“btn btn md mr-2 btn副本” }, { 扩展:“excel”, 正文:, 标题:“Excel”, 类名:“btn btn md mr-2 btn excel” }, { 扩展:“pdf”, 正文:, 标题:“PDF”, 类名:'btn btn md mr-2 btn pdf' }, { 扩展:“打印”, 正文:, 标题:“打印”, 类名:“btn btn md mr-2 btn打印” }, { 扩展:“colvis”, 正文:, 标题:“可见性”, 类名:“btn btn md mr-2 btn colvis” }, ], 长度变化:对, 搜索:真的 } .按钮 容器 .appendTodatatable-buttons_wrapper.col-md-6:eq0;
}; 您给定的代码基本上是开箱即用的,在Javascript中的最后一行appendTo之外。将目标从datatable-buttons_wrapper.col-md-6:eq0更改为任何有效的appendTo目标将把按钮移动到适当的位置。有关jQuery的appendTo,请参见。您还可以使用其他DOM操作方法,例如prependTo

下面是一个工作示例,其中表格按钮位于外部div中


有人回答吗