Question

我正在使用带有HTML，php和jQuery的{{1}}数据表插件。当我明确设置表的id但是如果我循环MySQL结果时，一切都没问题，jquery没有“理解”表id。也许使用代码更清楚。

DataTable工作正常：

MySQL

DataTable无效：

<table class="table table-bordered table-striped mb-none" id="datatable-tabletools">
  <thead>
    <tr>
      <th style="width: 60px; text-align: center;">Id</th>
      <th style="width: 400px; text-align: center;">Info A</th>
      <th style="width: 390px; text-align: center;">Info B</th>
      <th style="width: 100px; text-align: center;">Actions</th>
    </tr>
  </thead>
  <tbody>
    <!-- tbody dynamically populated -->
  </tbody>
</table>

  <script type="text/javascript">
    $(document).ready(function () {
    $('#datatable-tabletools').DataTable({
     });
   });
 </script>

奇怪的是，在呈现的源代码中，表id显示为“datatable-tabletools-1”，“datatable-tabletools-2”，依此类推......

提前致谢！

Answer 1

我发现您当前的代码没有任何问题。您可以尝试使用类选择器应用数据表。 $（＆＃39; .table＆＃39;）。DataTable（{}）;

具有动态ID的dataTable

1 个答案: