Element——el-table单元格无法设置外边距,只能通过border-width实现间隔效果

场景

开发中有需求使用el-table实现如下展示效果:
在这里插入图片描述

问题

内部使用的el-table实现效果,但是设置单元格自检的灰色间距时发现cell-style中设置margin没有效果

解决方案

通过设置border-width,加大边框宽度实现间距效果

优化

使用v-for双循环和div自定义效果是最简单的实现方法,同时样式的把控和事件的处理也比较容易,el-table对数据格式有要求,且事件处理,样式分场景覆写都会有压力,


版权声明:本文为qq_41790461原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。