DataTables Fixed Column上的Popover在水平滚动时看起来很奇怪

Question

我遇到一个问题，我试图将popover放在已修复的表的第一列上。在开始水平滚动之前，弹出窗口看起来很好(请参阅下面的测试用例(。一旦开始滚动，弹出窗口就会开始出现在表格的左边缘，这看起来很奇怪。如有任何帮助，我们将不胜感激。

我尝试了各种解决方案，包括使用fixedColumns((.rerelayout((和.popover('update(在滚动时刷新fixedcolumn和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 Fiddle：https://jsfiddle.net/t8w57qj9/

谢谢

Answer 1

对于任何有类似问题的人，请使用tipy.js从popper.js v1切换到popper.js v2。使用DataTables FixedColumn时，请确保将您的tipy实例附加到div.DFTC_LeftWrapper。