Question

我无法使用代码让colvis工作：

var colvis = new $.fn.dataTable.ColVis( table );

如果我使用＆＃34; C＆＃34初始化colVis;在Dom中的选项，它的工作原理。

在此处查看问题的实例：http://live.datatables.net/idinat/115/

Answer 1

我猜你有这个例子中的代码 - ＆gt;的 http://datatables.net/release-datatables/extensions/ColVis/examples/new_init.html

在您的代码中，您缺少.info <div> - ＆gt; <div class="info">...</div>

var table = $('#example').DataTable(); var colvis = new $.fn.dataTable.ColVis( table ); $( colvis.button() ).insertAfter('div.info');

在C选项字符串中使用dom初始化dataTable时，dataTables会自动初始化ColVis并插入ColVis按钮。如果没有，则必须以编程方式创建ColVis并以编程方式插入按钮。

所以答案是，在你的情况下，工作虽然按钮不可见，因为它放在一个不存在的元素之后。您可以在自己的.info或.container之前插入，而不是在<table>之后插入：

$( colvis.button() ).insertAfter('div.container'); $( colvis.button() ).insertBefore('#example');

等，或将按钮插入数据表控件本身：

$( colvis.button() ).prependTo('#example_wrapper');

dataTables始终创建一个标识为<table_id>_wrapper的包装器。

参见演示 - ＆gt;的 http://jsfiddle.net/vr5QL/

jQuery dataTables：colVis无效

1 个答案: