虽然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 })
})
}
})
}