项目场景
elementui表格在使用的固定列之后,当出现滚动条时,滚动到最后一条数据会发现对不齐。
解决方案:
/**
*offset //对齐的高度
**/
function elementFixedTableAdjustment(offset = 20) {
try {
let doAdjust = (offset, domIndex, className) => {
let elDom = document.getElementsByClassName(className)[domIndex];
elDom.style.minHeight = parseInt(elDom.style.height) - offset + 'px';
elDom.style.maxHeight = parseInt(elDom.style.height) - offset + 'px';
};
let classNames = ['el-table__fixed', 'el-table__fixed-body-wrapper', 'el-table__fixed-right'];
classNames.forEach(className => {
for (let domIndex = 0; domIndex < document.getElementsByClassName(className).length; domIndex ++) {
doAdjust(offset, domIndex, className);
for (let bodyDomIndex = 0; bodyDomIndex < document.getElementsByClassName('el-table__body-wrapper').length; bodyDomIndex ++) {
document.getElementsByClassName('el-table__body-wrapper')[bodyDomIndex].addEventListener('scroll', function () {
doAdjust(offset, domIndex, className);
});
}
}
});
} catch (e) {
}
}