Предупреждение DataTables: таблица id = escritor ios - Невозможно повторно инициализировать DataTable. Для получения дополнительной информации об этой ошибке см. http://datatables.net/tn/3

Question

У меня есть эти два кода, и один отменяет другой. Мне нужна помощь, чтобы собрать их вместе. Спасибо

<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>

Answer 1

Проблема заключается в том, что вы инициализируете библиотеку 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)');
});

Answer 2

Похоже, вы пытаетесь повторно инициализировать данные с тем же идентификатором. Для повторной инициализации базы данных вы должны сначала уничтожить ее.

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