Jquery 不影响表格对齐的可滚动表格

有人请帮我做一个下表作为滚动，而不影响已经定义的风格。通过将tbody定义为显示块，我尝试了overflow=auto。但是运气不好，因为它改变了表格的宽度，并且单元格标题和正文也出现了一些错误对齐

$.post（'geterpitem'{
grn:$（'#grn'）.val（）
}，函数（responseJson）{
if（responseJson.length！=null）{
变量$tbl=$（“#项目表”）；
$tbody=$tbl.find（'tbody'）；
$tbl.find（“tr:gt（0）”）.remove（）；
var i=1；
$.each（responseJson，函数（键，值）{
var rowNew=$（“”）；
rowNew.children（）.eq（0）.append（i）；
rowNew.children（）.eq（1）.text（值['itemcode']）；
rowNew.children（）.eq（2）.text（值['itemname']）；
rowNew.children（）.eq（3）.text（值['receivedqty']）；
rowNew.children（）.eq（4.html）（“”）；
rowNew.children（）.eq（5.html）（“”）；
rowNew.children（）.eq（6.html）（“”）；
rowNew.children（）.eq（7.html）（“”）；
rowNew.appendTo（$t正文）；
i++；
});
}

/*表格项目表格样式*/
.t1{
边界塌陷：塌陷；
宽度：100%；
}
.t1第{
文本对齐：居中；
填充：8px；
背景色：#4CAF50；
颜色：白色；
}
.t1 tr{
文本对齐：左对齐；
填充：8px；
}

斯尔诺
项目代码
项目名称
收到数量
督察日期
接受数量
拒收数量
评论

试试下面的CSS

tbody {
    display: block;
    height: 100px;     /* Let it for 100px */
    overflow: auto;    /* Trigger scroll   */
    width: 100%;
}

---

你需要将你的表格包装成div，并设置div overflow:auto和你想要的任何高度。然后你的表格就可以滚动了。