Возникла проблема, из-за которой при инициализации входных данных выбора (Bootstrap -Select plugin) в заголовке фиксированного столбца (DataTables jquery плагин) происходит небольшое смещение столбцов фиксированной таблицы (первые два слева) с остальные столбцы таблицы. Слои клонированных таблиц, которые DataTables создает, когда активен параметр FixedColumns, также смещены (попробуйте прокрутить вниз и навести курсор на фиксированный столбец).
Вторая проблема заключается в том, что параметры в входе выбора фиксированного столбца не активируются нажатием кнопки мыши. / выбор (работает хорошо в других столбцах). Это как если бы элемент блокировал событие select от срабатывания (?).
Проблемы начинаются, как только инициализируются выбранные входные данные Bootstrap:
//Initializing Bootstrap-Select select inputs (fixed column select input gets populated but dropdown shows as empty)
$('select').selectpicker({container: "body"});
//In order for select input in fixed column to show its content in the dropdown, you have to refresh (but content still not clickable/selectable)
$('#fixed').selectpicker('refresh');
Контрольный пример: https://jsfiddle.net/asdy15fk/
Помните, что для этого вопроса могут потребоваться предварительные знания как Bootstrap -Select, так и DataTables, но в случае, если мастер CSS / JS его прочитает, любая помощь / советы по отладке будут с благодарностью.
Использование Bootstrap 4, DataTables. js, Bootstrap -Выбрать
Спасибо