tabletbody加横向滚动条_html/css

想在table tbody加一个横向滚动条


但是加上去了以后做成的网格线变的乱七入槽的。

正常是这种网格在它的tbody下面加一个横向滚动条


代码－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

CSS：




html:------------------------------------------------------------------------------------------------------------------------------------------

产品编码	产品名称	规格型号	助记码	品牌	品类	上市时间	条码前缀	凑整数量	毛重	净重	体积
JYZ-V5043	Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机	JYZ-V5	JYZ	九阳	果汁机	2014-09-08	0908	4	0.989	0.919	0.867
JYZ-V5043	Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机	JYZ-V5	JYZ	九阳	果汁机	2014-09-08	0908	4	0.989	0.919	0.867
JYZ-V5043	Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机	JYZ-V5	JYZ	九阳	果汁机	2014-09-08	0908	4	0.989	0.919	0.867
JYZ-V5043	Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机	JYZ-V5	JYZ	九阳	果汁机	2014-09-08	0908	4	0.989	0.919	0.867

回复讨论(解决方案)

.newtable tr {
/*display:table-row;*/
display: inline-flex;
border-left: 1px solid #999;
border-top: 1px solid #999;*/
}
去掉第二行的注释结束标记

产品编码	产品名称	规格型号	助记码	品牌	品类	上市时间	条码前缀	凑整数量	毛重	净重	体积
JYZ-V5043	Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机	JYZ-V5	JYZ	九阳	果汁机	2014-09-08	0908	4	0.989	0.919	0.867
JYZ-V5043	Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机	JYZ-V5	JYZ	九阳	果汁机	2014-09-08	0908	4	0.989	0.919	0.867
JYZ-V5043	Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机	JYZ-V5	JYZ	九阳	果汁机	2014-09-08	0908	4	0.989	0.919	0.867
JYZ-V5043	Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机	JYZ-V5	JYZ	九阳	果汁机	2014-09-08	0908	4	0.989	0.919	0.867

.newtable tr {
/*display:table-row;*/
display: inline-flex;
border-left: 1px solid #999;
border-top: 1px solid #999;*/
}
去掉第二行的注释结束标记

也就是整行的都不要？那就没有滚动条了。

.newtable tr {
/*display:table-row;*/
display: inline-flex;
border-left: 1px solid #999;
border-top: 1px solid #999;*/
}
去掉第二行的注释结束标记

也就是整行的都不要？那就没有滚动条了。

border-left: 1px solid #999;
border-top: 1px solid #999;*/
去掉这2行吧

A姑苏醒醒着实