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



我正在尝试使用文档中提供的示例引导弹出代码将 Mottie 的表排序器与列选择器小部件一起使用。 但是,我在columnSelector小部件库中抛出了一个 Javascript 异常。 我做错了什么? 或者正在使用的表排序器库中可能存在实际错误?

这是演示错误的 JS 小提琴的链接: 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

这是一个更新的演示,修复了以下问题:

  • 添加了缺少的波普尔.js(Bootstrap 需要它才能弹出窗口(
  • 加载引导程序.js波普尔之后.js
  • 添加了引导程序.css
  • 添加了从表排序器示例页面复制的 CSS
  • 删除了$("#claim-table").tablesorter(...),因为它在没有小部件的情况下初始化表 - 它已经在文档就绪函数中初始化

最新更新