javascript - tablesorter jquery - 如何修复列标题

Question

我正在使用 tablesorter jquery 对表中的列进行排序。我想冻结我的表头。有没有办法使用tablesorter jquery做到这一点？提前致谢。

我的表格排序器代码：

("#rates").tablesorter({
    widgets: ['zebra'],
    widgetZebra: {
        css: ["even", "odd"]
    },
    headers: {
        0: {
            sorter: false
        },
        4: {
            sorter: false
        }
    },
    headerClass: 'header',
    sortClassAsc: 'headerSortUp',
    sortClassDesc: 'headerSortDown'
});

我也试过这个。

 widgetOptions: {
      stickyHeaders : 'tablesorter-stickyHeader',
  },

Answer 1

您可以将其添加到您的 tablesorter 初始化中：

$(‘table’).tablesorter({
  widgets: ['stickyHeaders']}
)

这将自动激活第一行冻结。确保删除现有的滚动技术，例如：溢出：自动；

如果需要，请参阅我的帖子以及如何添加自定义 HTML 标头。如果有帮助，请告诉我:)

Answer 2

使用此代码粘贴您的表格标题：

  widgetOptions: {

      // css class name applied to the sticky header row (tr)
      stickyHeaders : 'tablesorter-stickyHeader',
  }