vue2和3表格新增滚动定位到底部

vue2/3表格新增滚动定位到底部

最外层div .scrollBottom
//固定高度或者最大高度的div .vxe-table--body-wrapper.body--wrapper
 height:220px;
 或者
  max-height: 200px;
 
 // 
 .vxe-table--body-wrapper, .vxe-table--fixed-left-body-wrapper, .vxe-table--fixed-right-body-wrapper {
  overflow-y: auto;
  overflow-x: auto;
}

import { ref, onMounted, computed, nextTick } from 'vue';
//  $grid.reloadData(scoreData.value); 也是异步 所以需要settimeout
 setTimeout(() => {
    scrollBottom('.scrollBottom .vxe-table--body-wrapper.body--wrapper');
  }, 300);
 

const scrollBottom = id => {
  nextTick(() => { 
    let div = document.querySelector(id); //bodyWrapper
    div.scrollTop = div.scrollHeight;
  });
};