element plus table组件横向滚动条吸底/吸顶实践

通过剪切滚动条到table元素实现吸底

onMounted(()=>{
   if(hooksCommonState?.tableRef){
      const bar = hooksCommonState.tableRef.$el?.querySelector('.el-scrollbar__bar')
      hooksCommonState.tableRef.$el.appendChild(bar)
   }
})

.el-table.el-table--border{
  overflow: unset;
}
.el-scrollbar__bar{
  z-index: 11;
  overflow-x: hidden;
  position: sticky;
  bottom: 35px;
}

此方法需要设置el-table scrollbar-always-on属性

<el-table scrollbar-always-on>