【问题标题】:DataTables warning: table id=escritorios - Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3DataTables 警告:table id=escritorios - 无法重新初始化 DataTable。有关此错误的更多信息,请参阅 http://datatables.net/tn/3
【发布时间】:2020-06-22 14:30:00
【问题描述】:

我有这两个代码,一个取消另一个。我需要帮助把两者结合起来。谢谢

<script type="text/javascript" class="init">
  $(document).ready(function() {
    var table = $('#escritorios').DataTable({
      lengthChange: false,
      buttons: ['colvis', 'print', 'copy', 'excel', 'pdf']
    });

    table.buttons().container().appendTo('#example_wrapper .col-md-6:eq(0)');
  });
</script>

<script type="text/javascript">
  $(document).ready(function() {
    $('#escritorios').DataTable({
      responsive: {
        details: {
          type: 'column',
          target: 'tr'
        }
      },
      columnDefs: [{
        className: 'control',
        orderable: false,
        targets: 0
      }],
      order: [1, 'asc']
    });
  });
</script>

【问题讨论】:

  • 一般情况下,如果不查看相关代码,我们无法诊断错误。但是,在这种情况下,请查看错误中的 URL。这是因为您已经在元素上初始化了 DataTable,然后在您的代码中再次执行相同的操作。如果您需要更具体的帮助,包括如何更改代码以避免此问题,请编辑问题以包含该代码。
  • 感谢您编辑问题。我在下面为您添加了答案

标签: javascript jquery datatables warnings


【解决方案1】:

您似乎正在尝试重新初始化具有相同 ID 的数据表。要重新初始化数据表,您必须先将其销毁。

if ($.fn.DataTable.isDataTable('#Table')) {
      $('#Table').DataTable().destroy();
}

【讨论】:

  • 您好,谢谢,有两种不同的功能,一种是导出表格的按钮,一种是自定义子项
【解决方案2】:

问题是因为您在同一元素上多次初始化 DataTable() 库,这是无效的,并导致您看到的错误。

要解决此问题,请将所有设置合并到一个调用中,如下所示:

jQuery(function($) {
  var table = $('#escritorios').DataTable({
    lengthChange: false,
    buttons: ['colvis', 'print', 'copy', 'excel', 'pdf'],
    responsive: {
      details: {
        type: 'column',
        target: 'tr'
      }
    },
    columnDefs: [{
      className: 'control',
      orderable: false,
      targets: 0
    }],
    order: [1, 'asc']
  });

  table.buttons().container().appendTo('#example_wrapper .col-md-6:eq(0)');
});

【讨论】:

  • 您好,谢谢您,但是不起作用,表格中只出现了一个功能,并且按钮似乎没有
  • 我换了桌子,非常感谢您
  • 很高兴你解决了它。如果答案对您有帮助,请不要忘记接受它
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-12-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-08-15
相关资源
最近更新 更多