Проблема вставки Выберите входные данные во второй строке заголовка DataTable - PullRequest
Новая
       7

Проблема вставки Выберите входные данные во второй строке заголовка DataTable

0 голосов
/ 21 марта 2020

У меня проблема со вставкой выбранных входов (используя Bootstrap -Выбрать) во второй строке заголовка моей таблицы.

Тестовый пример: https://jsfiddle.net/872w16gL/3/

Код, который не работает (извините за отступы): 

initComplete: function() {
   this.api().columns().every(function() {
     var column = this;
     var select = $('<select class="selectpicker" multiple></select>')
       .appendTo($("#example thead tr:eq(1) th").eq(column.index()).empty())
       .on('changed.bs.select', function(e) {
         var val = $(this).val();
         var fVal = val.join("|");
         column
           .search(fVal, true, false)
           .draw();
     }); //select

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

Я базирую вышеизложенное на следующих двух примерах:

  1. http://live.datatables.net/saqozowe/3/edit

  2. https://jsfiddle.net/mattmorz/kunt518t/4/

Использование Bootstrap 4, DataTables и Bootstrap - Выберите.

Спасибо

...