Javascript 在使用冻结表jQuery插件的HTML表的粘性左列中遇到了奇怪的填充问题

我制作了一个HTML表格，其中左列在滚动表格时被冻结。为了实现粘性列，我使用了。除了一个非常奇怪的粘性列填充问题外，一切都很好。嗯，我不确定这是由于填充，但这是我的猜测，因为我不知道是什么原因造成的

在正常情况下：

滚动表格时：

很明显，您可以看到粘性列（Post ID）在下面展开。我不确定这里出了什么问题

请尝试我的代码，并找出帮助我

$（文档）.ready（函数（）{
美元（“#tb#U包装纸”）。冷冻台({
//冻结表格标题
冷冻头：错
});
});
#tb#u包装器{
最大宽度：960像素；
保证金：50px自动；
}
#客户表{
边界塌陷：分离；
空白：nowrap；
宽度：100%；
表布局：固定；
}
.栏(公司)(标题){
-moz边界半径：5px5px0；
-webkit边界半径：5px 5px 0；
边界半径：5px5px0；
颜色：#2585fe；
字体大小：粗体；
填充：10px；
最小宽度：250px；
高度：20px；
线高：20px；
边缘底部：-2px；
}
.栏目(标题){
背景色：#d9e5f0；
左边框：1px实心#ffffff；
-moz边界半径：5px5px0；
-webkit边界半径：5px 5px 0；
边界半径：5px5px0；
颜色：#000；
字体大小：粗体；
填充：10px；
文本对齐：居中；
高度：20px；
线高：20px；
溢出：隐藏；
溢出：-moz隐藏的不可滚动；
文本溢出：省略号；
}
.第四排客户，
.客户_row td{
背景：黄色；
填充：8px 10px；
边框底部：1px实心#e5e9ee；
边框顶部：2个实心#ffffff；
颜色：#5454；
垂直对齐：中间对齐；
溢出：隐藏；
文本溢出：省略号；
}
.第四排客户：第一个孩子{
左边框：3px实心#2585fe；
-moz边界半径：5px 0 5px；
-webkit边界半径：5px 0 5px；
边界半径：5px 0 5px；
}
.customer_row td：最后一个孩子{
-moz边界半径：0 5px 5px 0；
-webkit边界半径：0 5px 5px 0；
边界半径：0 5px 5px 0；
}
.客户行：第n个孩子（2）td：最后一个孩子{
-moz边界半径：0 5px 0；
-webkit边界半径：0 5px 0；
边界半径：0 5px 0；
}
.客户行：第n个孩子（2个），
.客户行：第n个孩子（2）td{
边界顶部：无；
}

邮政ID
邮名
发布URL
职称
后标题
帖子内容
后置元关键字
后元描述
发布后日期
更新后日期
发布视图
后排序顺序
1.
我的职位
我的职位
我的职称
我的帖子标题
Lorem ipsum dolor sit amet。
我的职位
我的职位
2017-07-21 13:58:16
2019-07-30 22:38:36
my-post.jpg
7.
1.
1.
我的职位
我的职位
我的职称
我的帖子标题
Lorem ipsum dolor sit amet。
我的职位
我的职位
2017-07-21 13:58:16
2019-07-30 22:38:36
my-post.jpg
7.
1.
问题是因为
表
是由滚动插件克隆的，该克隆应用的样式与
表
元素上的
id
不同

要解决此问题，只需将
#customers_表
样式更改为也应用于
.clone column table wrap
中克隆的
表
，如下所示：

#customers_table,
.clone-column-table-wrap table {
  border-collapse: separate;
  white-space: nowrap;
  width: 100%;
  table-layout: fixed;
}

下面是一个完全有效的示例：


$（文档）.ready（函数（）{
美元（“#tb#U包装纸”）。冷冻台({
//冻结表格标题
冷冻头：错
});
});
#tb#u包装器{
最大宽度：960像素；
保证金：50px自动；
}
#顾客们坐在桌子上，
.clone列表换行表{
边界塌陷：分离；
空白：nowrap；
宽度：100%；
表布局：固定；
}
.栏(公司)(标题){
-moz边界半径：5px5px0；
-webkit边界半径：5px 5px 0；
边界半径：5px5px0；
颜色：#2585fe；
字体大小：粗体；
填充：10px；
最小宽度：250px；
高度：20px；
线高：20px；
边缘底部：-2px；
}
.栏目(标题){
背景色：#d9e5f0；
左边框：1px实心#ffffff；
-moz边界半径：5px5px0；
-webkit边界半径：5px 5px 0；
边界半径：5px5px0；
颜色：#000；
字体大小：粗体；
填充：10px；
文本对齐：居中；
高度：20px；
线高：20px；
溢出：隐藏；
溢出：-moz隐藏的不可滚动；
文本溢出：省略号；
}
.第四排客户，
.客户_row td{
背景：黄色；
填充：8px 10px；
边框底部：1px实心#e5e9ee；
边框顶部：2个实心#ffffff；
颜色：#5454；
垂直对齐：中间对齐；
溢出：隐藏；
文本溢出：省略号；
}
.第四排客户：第一个孩子{
左边框：3px实心#2585fe；
-moz边界半径：5px 0 5px；
-webkit边界半径：5px 0 5px；
边界半径：5px 0 5px；
}
.customer_row td：最后一个孩子{
-moz边界半径：0 5px 5px 0；
-webkit边界半径：0 5px 5px 0；
边界半径：0 5px 5px 0；
}
.客户行：第n个孩子（2）td：最后一个孩子{
-moz边界半径：0 5px 0；
-webkit边界半径：0 5px 0；
边界半径：0 5px 0；
}
.客户行：第n个孩子（2个），
.客户行：第n个孩子（2）td{
边界顶部：无；
}

邮政ID
邮名
发布URL
职称
后标题
帖子内容
后置元关键字
后元描述
发布后日期
更新后日期
发布视图
后排序顺序
1.