前端table表格给td调整宽度,左侧表格加宽后,右边的表格因为屏幕原因没有调宽

td的样式

img

得到的效果

img

我在table外层套了一个div想设置一个横向滚动条,看能否解决屏幕宽度问题,但是后面发现滚动条没有出来,并且表格还是这样

img

有什么办法可以解决吗?

不用百分比,用实际宽度

td 给个最小宽度如 min-width: 100px;
tr 控制不换行 white-space: nowrap;
这样 样式就不会丑了,也可以左右滚动表格