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删除值的形式)

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值