tablesorter - mottie tablesorter，顶部带有 twitter 引导导航栏的粘性标题间距

Question

由于 twitter 引导导航栏也具有粘性，当用户向下滚动时，导航栏似乎重叠在粘性标题的第一行（列标题）部分的顶部。有没有办法将粘性标题向下推动一行，以便在滚动时它可以落在引导粘性导航栏下方？

Answer 1

您将需要这些步骤来实现这一点（因为 tablesorter 滚动机制）：

OFFSET = 从顶部偏移的像素数。在你的情况下=粘性推特栏的高度

从顶部添加一个带有您想要的 OFFSET (=integer, #pixels) 的小部件选项：

$(‘table’).tablesorter({
  widgets: [stickyHeaders'],
  widgetOptions: {
  stickyHeaders_offset: OFFSET 
  }
});

在我的帖子中，我提到了一个“divHeader”，但在你的情况下，你已经有了 twitter 栏 - 看看你是否还需要这些 CSS，以防你的 twitter 栏没有涵盖所有内容

#divHeader
{
  position: fixed;
  top: 0px;
  height: OFFSETpx;
  width: 100%; //to cover all the rows scrolling in the back…
  background-color: White; //to cover all the rows scrolling in the back…
}

将此 CSS 添加到包含表格的主 div 中：

margin-top: OFFSETpx;

这样，您将使用粘性 twitter 栏实现平滑的表格粘性滚动

你可以看到我关于它的完整帖子。

顺便说一句，mottie，tablesorter 做得很好！我相信你的叉子几乎是今天使用的主要叉子:)