今天写项目的时候遇到一个坑,写的好好的当我进行翻页操作 或者添加操作的时候,
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删除值的形式)