Добавить полосу прокрутки с отдельным поиском столбца (выберите входы) в DataTable - PullRequest
Новая
       29

Добавить полосу прокрутки с отдельным поиском столбца (выберите входы) в DataTable

0 голосов
/ 03 марта 2019

У меня есть таблица с 17 столбцами, и я хочу добавить полосу прокрутки (горизонтальную и вертикальную), но проблема в том, если я добавлю следующий код: 

$('#example').dataTable({
  "scrollY": 200,
  "scrollX": true
});

Я получу это сообщение:

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

Вот мой код: 

$(document).ready(function() { 

  var table = $('#example').DataTable();

  $("#example tfoot th").each( function ( i ) {

      var select = $('<select data-plugin-selectTwo class="form-control" ><option value=""></option></select>')
          .appendTo( $(this).empty() )
          .on( 'change', function () {
              var val = $(this).val();

              table.column( i )
                  .search( val ? '^'+$(this).val()+'$' : val, true, false )
                  .draw();
          } );

      table.column( i ).data().unique().sort().each( function ( d, j ) {
          select.append( '<option value="'+d+'">'+d+'</option>' )
      } );
  } );

  $('#example').dataTable({
    "scrollY": 200,
    "scrollX": true
    });


} );

Любая помощь / предложение?

1 Ответ

0 голосов
/ 03 марта 2019

Как говорит ошибка, вы дважды инициализировали таблицу.Сначала без параметров, var table = $('#example').DataTable();, затем снова с $('#example').dataTable({...}.Если вы замените эту первую инициализацию второй, у вас все будет хорошо.

Ура,

Колин

...