Datatables直接插入colvis按钮

我正在使用Datatables并使colvis按钮正常工作：

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs/jszip-2.5.0/dt-1.10.22/b-1.6.5/b-colvis-1.6.5/b-html5-1.6.5/datatables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/v/bs/jszip-2.5.0/dt-1.10.22/b-1.6.5/b-colvis-1.6.5/b-html5-1.6.5/datatables.min.js"></script>

datatable = $('.datatableclass').DataTable( {
  dom: 'Bfrtip',
  buttons: ['excelHtml5','colvis']
});

datatable=$（'.datatableclass'）。datatable（{
dom:'Bfrtip'，
按钮：['excelHtml5'，'colvis']
});

但是我尝试将colvis按钮放在其他地方——与我的其他按钮一起，而不是使用默认的datatables按钮组

这就是我尝试过的：

<script>
datatable = $('.datatableclass').DataTable( {
  buttons: ['excelHtml5','colvis']
});

datatable.buttons('.buttons-colvis').container().appendTo( $('#colvis-div') );
</script>
...
<div id="colvis-div"></div>

datatable=$（'.datatableclass'）。datatable（{
按钮：['excelHtml5'，'colvis']
});
datatable.buttons（'.buttons colvis'）.container（）.appendTo（$（'#colvis div'））；
...

---

这是可行的，但包括整个按钮组（导出+colvis按钮）。我只想显示colvis按钮。

您可以使用按钮API来处理此问题。这里有一个方法：

首先以常规方式创建Excel按钮，但不要创建

colvis

按钮：

table=$（'#示例'）。数据表（{
dom:'Bfrtip'，
按钮：['excelHtml5']
} );

然后使用API创建

colvis

按钮：

new$.fn.dataTable.Buttons（表格、{
名称：“colvis按钮”，
按钮：['colvis']
} );
table.buttons（1，null）.container（）.appendTo（$（'#colvis div'））；

在上面的代码片段中，

按钮（1，null）

选择器是空的。

1

指创建的第二个（零索引）按钮组

如果不想使用所需的组的索引，则可以选择所需的组。因此，例如，使用名称也可以：

table.button（'colvis-button'，null）.container（）.appendTo（$（'colvisdiv'））；

在我的例子中，最终的结果是这样的，colvis div添加到下表中：

---

您可以使用按钮API来处理此问题。这里有一个方法：

首先以常规方式创建Excel按钮，但不要创建

colvis

按钮：

table=$（'#示例'）。数据表（{
dom:'Bfrtip'，
按钮：['excelHtml5']
} );

然后使用API创建

colvis

按钮：

new$.fn.dataTable.Buttons（表格、{
名称：“colvis按钮”，
按钮：['colvis']
} );
table.buttons（1，null）.container（）.appendTo（$（'#colvis div'））；

在上面的代码片段中，

按钮（1，null）

选择器是空的。

1

指创建的第二个（零索引）按钮组

如果不想使用所需的组的索引，则可以选择所需的组。因此，例如，使用名称也可以：

table.button（'colvis-button'，null）.container（）.appendTo（$（'colvisdiv'））；

在我的例子中，最终的结果是这样的，colvis div添加到下表中：

---

谢谢安德鲁，我现在明白了。这就成功了。谢谢安德鲁，我现在明白了。这就成功了。