element-ui table 多张表格对齐

前端这点事 192 0

写项目时候,遇到一个问题,产品希望可以多张表格排成一行展示,方便客户对比数据,但是表格会存在空数据的情况,也没多想,table搞起来~~,但是后面发现,有空数据的表格高度总是少一点,考虑到有内容和没内容时行高可能不一致,于是找到,以下解决方案:

缩小:行高到一定程度之后便不能缩小。 好像最小35px。各位可以试一下。

升高:本人实际开发中没试过最大多少,但行高的高度完全可以调到自己适合的高度

cell-style="padding:0"这列可以不用加。 但是我在缩小高度时,缩小到最小高度不能再缩时才加的。

主要是这两句代码

:row-style="{height:'20px'}"
:cell-style="{padding:'0px'}"


标签: element-ui

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~