如图1,表格样式宽度超出,显示不全
查找elements发现没有设置的表格宽度变成了图2
解决方式:
给被影响的表格加一个类名,设置其样式
vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某些样式对所以子组件都生效,可以使用 /deep/ 深度选择器。
/deep/ .tableClass {
width:auto !important;
}
如果不方便设置宽度,可以设置为auto,width默认值为auto,自适应,可解决此类问题,解决完成展示如图3,宽度自动适应table表格父盒子宽度