场景

需要给el-table的单元格设置间距，但是发现给单元格添加margin无效

解决方法

使用css中表格专用属性border-collapse和border-spacing
这两个属性控制“规定是否合并表格边框”以及“ 规定相邻单元格边框之间的距离”

.cell-space /deep/ .el-table .el-table__body-wrapper .el-table__body {
  border-collapse: separate;
  border-spacing: 5px;
}

注意

这两个属性是用在tbody元素上的，可以使用css选择器选择元素

效果如下

加了点阴影效果