如何将Tablesorter与列选择器小部件一起使用-错误？

Question

我正在尝试使用文档中提供的示例Bootstrap弹出式代码将Mottie's Tablesorter与Column Selector widget结合使用。但是，我在columnSelector小部件库中引发了Javascript异常。我究竟做错了什么？还是在使用的一个Tablesorter库中可能存在实际错误？

[这是JS Fiddle的链接，该链接演示了错误：https://jsfiddle.net/qmnev5wr/5/

例如，您必须查看JS控制台浏览器的开发工具实时查看错误消息，但这是我得到的：

jQuery.Deferred exception: o is undefined attachTo@https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.2/js/widgets/widget-columnSelector.min.js:3:8917

Answer 1

这里是updated demo，它修复了以下问题：

• 添加了丢失的popper.js（Bootstrap在弹出窗口中需要它）
• 已加载的bootstrap.js 之后 popper.js
• 添加了bootstrap.css
• 添加了从表排序器示例页面复制的CSS
• 已删除$("#claim-table").tablesorter(...)，因为它正在初始化没有小部件的表-它已经在文档准备功能中被初始化