需要将单元格颜色完全填充。思路是利用深度选择器将el-table中需要填充颜色的td填充2.trtddiv3.trtddiv。单元格的三个元素设置为100%宽高和padding:0;然后给div.cell加上背景色,此时大概率成功。本文解决后一种小概率失败的情况。此失败来自show-overflow-tooltip属性。以官方案例为例,先看看没有启用show-overflow-tooltip的div.cell的样式。此时div.cell元素的宽度等于div.cell的父元素td的宽度,没问题,一切正常。开启show-overflow-tooltip后,单元格宽度不够时,会显示tooltip,开启show-overflow-tooltip后查看div.cell样式。多了一个el-tooltip类,多了一个inlinestylewidth问题出在inlinestyle的宽度上。这种内联样式导致div.cell的宽度比父元素td的宽度小2px。这个2px的间隙会导致当单元格颜色被填充时,每个水平单元格之间会有断点。看下图的例子,我们希望水平单元格是连续的。下图效果问题的原因是内联样式,内联样式的优先级仅次于!important。解决办法只是!important还是使用深度选择器,选择trtddiv.cell.el-tooltip,addwidth:100%!important;结束同步更新到自己的语雀https://www.yuque.com/diracke..。
