el-table cell 单元格内文字发生位移,多了margin

今天写项目的时候遇到一个坑,写的好好的当我进行翻页操作 或者添加操作的时候,

table显示变成这样了

 造成的原因目前无从知晓,但是大概率是使用单元格合并的问题,

因为之前从来没有遇到过,研究了一段时间,他是因为 .cell .el-tooltip  里面有一个行内样式

 解决方法:

在获得列表(getList)的时候,把行内元素全部删除

const list = document.querySelectorAll(".el-tooltip")
list.forEach(item=>{
	item.style.removeProperty("width");
})

 完美展示

getPropertyValue:获取行间样式的属性值(这里的属性值可以想象成key:value的形式,根据key得到值,不过这里的key并不是自定义的而是css里面的)
setProperty:获取行间样式的属性值 (‘color’,‘red’,‘important’)可以放三个值,第一个是属性名称,第二个是属性值,第三个是优先级
removeProperty:删除行间样式的属性 (这个好理解,就是根据key删除值的形式)

猜你喜欢

转载自blog.csdn.net/Kerwin__li/article/details/130545320
今日推荐