在使用Ant Design Vue的a-table组件时，遇到固定头部和列后行内容对齐的问题。解决方法包括：确保在mounted生命周期中抓取元素，因DOM此时已渲染完成；通过addEventListener注册onresize事件，注意回调函数中的this指向问题，需保存组件引用；设置行内样式的操作需放入$nextTick中，以正确获取并设置max-height样式。
ant design vue中a-table固定头和列后出现行内容不对齐的情况
如图所示，在固定头和列后出现了几个问题，查看原因后得知是表格下部出现滚动条导致的，所以我把左右固定列的高度减去滚动条的高度就可以解决这个问题
mounted () {
// this.h = document.querySelector('.ptp-layout-main').offsetHeight - 45
const _this = this
var tableBodyInnerNodeList = document.querySelectorAll('.ant-table-body-inner')
tableBodyInnerNodeList.forEach(item 
最低0.47元/天 解锁文章
扫一扫
1737
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
