这年头,为啥问题都跑出来了!TT——TT
问题描述
如图所示:
html 如下,
解决思路
参考链接1
这种方法里面我这测试是会出现滚动条
参考链接2
参考链接3
当前本人尝试得到,加上这些就可以正常:
table.form-table {
display: block;
& > tbody {
display: block;
& > tr {
display: block;
& > td {
display: block;
}
}
}
}
一头雾水,没有方向,只能手动测试,
去掉td下面div的 el-row 类就可以正常了,
div.el-table__body-wrapper 不显示的时候,就可以正常了,
div.el-table__empty-block 不显示的时候,就可以正常了,
同理,表格有数据时,就没有问题。
解决方案
同事给那个table加了下面的就没问题了,也不知道为啥这样:
.form-table {
width: 100%;
border-collapse: separate;
table-layout: fixed; // 这一行是重点
}
网友评论