如何将数据表应用于页面atonce中的所有表？

Question

我正在开发一个网站，我在一个页面中有几个表格，这些表格具有不同类型的数据和不同数量的数据。我在其中放了一个名为＆＃39; .tables＆＃39;并使用数据表（https://www.datatables.net/）我想应用于所有表atonce。我尝试使用：

<script>
$(document).ready(function(){
$('.tables').DataTable();
});
</script>

但它只应用任何一个表的数据表。有没有办法可以将数据表应用到我的网页中的所有表格。

提前致谢！

Answer 1

您可以遍历表格并应用于每个表格。

for ( var i = 0; i < $(".tables").length; i++ ) {
   $($('.tables')[i]).DataTable();
   });
}

注意测试了这一点。

Answer 2

你有没有尝试过：

<script>
$(document).ready(function(){
    $.each($('.tables'),function(index, table){
        $(table).DataTable();   
    });
});
</script>

Answer 3

如果您希望绝对每个表都成为数据表

$('table').each(function(){
    $(this).DataTable();
});