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

How to use Tablesorter with column selector widget - error?

我正在尝试通过文档中提供的示例 Bootstrap 弹出窗口代码来使用 Mottie's Tablesorter with the Column Selector widget。但是,我在 columnSelector 小部件库中抛出了一个 Javascript 异常。我究竟做错了什么?或者在使用的 Tablesorter 库之一中可能存在实际错误?

这是一个 link 到 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

这里是 updated demo 修复了以下问题:

  • 添加了缺失的 popper.js(Bootstrap 弹出窗口需要它)
  • 已加载 bootstrap.js popper.js
  • 已添加bootstrap.css
  • 已添加 CSS 从 table 排序器示例页面复制而来
  • 删除了 $("#claim-table").tablesorter(...) 因为它正在初始化 table 没有小部件 - 它已经在文档就绪函数中被初始化