Popover on DataTables Fixed Column выглядит странно при горизонтальной прокрутке - PullRequest
Новая
       20

Popover on DataTables Fixed Column выглядит странно при горизонтальной прокрутке

1 голос
/ 12 марта 2020

У меня есть проблема, когда я пытаюсь поместить всплывающие окна в первый столбец таблицы, которая исправлена. Всплывающие окна выглядят хорошо, прежде чем начать горизонтальную прокрутку (см. Контрольный пример ниже). Как только вы начнете прокручиваться, на левом краю таблицы появится поповер, что выглядит странно. Любая помощь будет принята.

Я пробовал множество решений, включая использование fixedColumns (). Relayout () и .popover ('update), чтобы обновить sh местоположение фиксированного столбца и popover при прокрутке, но он не работает так, как предполагалось: 

  $( table.table().container ).on('scroll', function() {
       setTimeout(function() { $.fn.dataTable
      .tables( { visible: true, api: true } )
      .columns.adjust()
      .fixedColumns().relayout();
      $('.pop').popover('update'); 
      },300)
  });

Использование Bootstrap 4 и Popper. js.

Тестовый пример: http://live.datatables.net/zudapubo/1

Обновление 1 - Добавление JS Скрипка для тех, кто предпочитает это: https://jsfiddle.net/t8w57qj9/

Спасибо

1 Ответ

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

Для тех, у кого похожая проблема, переключитесь с popper. js v1 на popper. js v2 с tippy. js. При использовании DataTables FixedColumn убедитесь, что вы добавили свой экземпляр tippy в div.DFTC_LeftWrapper.

...