Jquery dataTables导出按钮是否显示在自定义位置？

我想在自定义div中显示我的dataTable导出按钮。我该怎么做

我当前的代码 这是默认代码，按钮分别显示在我的表格顶部。我如何编辑这个

  $(document).ready(function() {
        $('#example').DataTable( {
            dom: 'Bfrtip',
            buttons: [
                'excelHtml5',
                'csvHtml5',

            ]
        } );

} );

我想展示的地方

出口
CSV
XLS

这是小提琴

---

克隆按钮事件并销毁元素是一件非常头疼的事情。为什么不隐藏“按钮”面板并通过编程方式单击按钮？可以通过以下方式实现自动化：

导出用户列表
导出为CSV
导出为XLS
复制到剪贴板
导出为PDF

将

initComplete

处理程序添加到dataTables初始化选项：

initComplete:function（）{
var$buttons=$（'.dt buttons'）.hide（）；
$（'#exportLink'）。在（'change'，function（）上{
var btnClass=$（this）.find（“：selected”）[0].id
？'.buttons-'+$（this）.find（“：selected”）[0].id
：null；
if（btnClass）$buttons.find（btnClass.click（）；
})
} 

---

更新的fiddle->

我正在寻找类似的东西，即在下拉列表中呈现按钮。最简单的解决方案是使用datatable的选项

参考：

希望这能帮助别人

---

谢谢

太棒了！这就是我要找的。非常感谢。

            <select id="ex">
                <option>Export </option>
                <option id="csv" >CSV</option>
                <option id="xls" >XLS</option>
            </select>

 buttons: [
            {
                extend: 'collection',
                text: 'Export',
                buttons: [
                    'copy',
                    'excel',
                    'csv',
                    'pdf',
                    'print'
                ]
            }
        ]