Html Can';t在可滚动表格中对齐AD和t正文

Html Can';t在可滚动表格中对齐AD和t正文,html,css,scroll,html-table,Html,Css,Scroll,Html Table,我有一个可滚动的表格,有时不满,如下所示: 这里发生了两件事:背景消失,第th列没有对齐 我在某个地方找到了一个演示,我读到了这个显示:表格标题组实际上将tbody与标题对齐,这里的问题是,如果我使用它,那么滚动就会停止工作:以下是我到目前为止得到的: 。滚动{ /*可选的*/ /*边界塌陷:塌陷*/ 边界间距:0; 字体系列:雷威; 填充顶部:15px; 左侧填充:15px; 边界塌陷:塌陷; 颜色:#005693; 边界半径:10px; 字体大小:12px; 文本对齐:居中; } .滚动t

我有一个可滚动的表格,有时不满,如下所示:

这里发生了两件事:背景消失,第th列没有对齐

我在某个地方找到了一个演示,我读到了这个显示:表格标题组实际上将tbody与标题对齐,这里的问题是,如果我使用它,那么滚动就会停止工作:以下是我到目前为止得到的:

。滚动{
/*可选的*/
/*边界塌陷:塌陷*/
边界间距:0;
字体系列:雷威;
填充顶部:15px;
左侧填充:15px;
边界塌陷:塌陷;
颜色:#005693;
边界半径:10px;
字体大小:12px;
文本对齐:居中;
}
.滚动t正文,.滚动t正文{
显示:块;
}
thead tr th{
高度:30px;
线高:30px;
/*文本对齐:左对齐*/
}
.滚动体{
高度:100px;
溢出y:自动;
溢出x:隐藏;
}
.滚动体{
边框顶部:2件纯黑;
}
.滚动t车身td,thead th{
/*宽度:20%*/
/*可选的*/
右边框:1px纯黑;
/*空白:nowrap*/
}
.滚动t正文td:最后一个子项,thead th:最后一个子项{
边界权:无;
}

工作
客户端ID
单位
代表
地位
报告
收到
交付
引用
内容1
内容2
内容3
内容4
内容5
内容6
内容7
内容8
内容1
内容2
内容3
内容4
内容5
内容6
内容7
内容8
内容1
内容2
内容3
内容4
内容5
内容6
内容7
内容8
内容1
内容2
内容3
内容4
内容5
内容6
内容7
内容1
内容2
内容3
内容4
内容5
内容6
内容7
内容1
内容2
内容3
内容4
内容5
内容6
内容7
内容1
内容2
内容3
内容4
内容5
内容6
内容7

如果任何人都有同样的问题,我找到了一个很好的解决方案,这里有一把小提琴。如果您想添加行,只需继续添加+td css和您喜欢的大小:D