iview table组件当固定高度后,fixed某一列会出现盖住滚动条的情况

虽然iview版本更新说解决了,但是在实际操作中这个问题还是存在的,或者低版本项目变更中可能也会存在使用场景。

vue2中先看表格是否出现滚动条,用外部宽度减去表格里内容宽度,如果出现横向滚动条在进行将.ivu-table-fixed-body高度减去滚动条高度就好了

	  this.height = document.body.clientHeight
      this.width = this.$refs.init.offsetWidth
      let a = $('.ivu-table-tbody').width()
      if (a > this.width) {
        setTimeout(() => {
          $('.ivu-table-fixed').css({ height: this.height - 11 })
        })
      }

vue3写法

const getTableWH = () => {
proxy.$nextTick(() => {
let a = $('.topTable .ivu-table-tbody').width()  //表格宽度1
let b = proxy.$refs.tableRef.$el.clientWidth //表格宽度2
let c = getTopTableHeight() //表格高度
if (a > b) { 
setTimeout(() => {
$('.topTable .ivu-table-fixed-body').css({ height: c- 28 - 13 })
})
}
})
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值