当前位置: 首页 > news >正文

ElementUI 表格横向滚动条时滚动到指定位置

ElementUI 表格横向滚动条时滚动到指定位置

  getColumnOffset(columnProp) {this.$nextTick(() => {const table = this.$refs.tableRef.$refs.multipleTable;const columns = table.columns;const column = columns.find((col) => col.property === columnProp);if (column) {// const cell = table.$el.querySelector(`th[data-property=${columnProp}]`);const cell = table.$el.querySelector(`.${column.id}`);if (cell) {const rect = cell.getBoundingClientRect();const offset = rect.left - table.$el.getBoundingClientRect().left;console.log(`${columnProp}列距离左侧的位置是: ${offset}px`);this.$refs.tableRef.$refs.multipleTable.bodyWrapper.scrollLeft = `${offset}`; //Number(this.$refs.tableRef.$refs.multipleTable.bodyWidth.replace('px',''));}}});},

this.getColumnOffset(“operName”);

在这里插入图片描述
会将滚动条滚动到设置的列,方便编辑;

http://www.lryc.cn/news/330565.html

相关文章:

  • 【论文阅读】DETR 论文逐段精读
  • 负载均衡:实现高效稳定的网络服务
  • 2024最新软件测试【测试理论+ 抓包与网络协议】面试题(内附答案)
  • 极简7照训练法,奇趣相机引领儿童AI摄影潮流
  • Flink应用
  • C# 委托与事件 终章
  • MySQL-linux安装-万能RPM法
  • elment UI el-date-picker 月份组件选定后提交后台页面显示正常,提交后台字段变成时区格式
  • 基于 NGINX 的 ngx_http_geoip2 模块 来禁止国外 IP 访问网站
  • C++经典面试题目(二十)
  • vue3+uniapp 动态渲染组件,兼容h5、app端
  • CSS层叠样式表学习(2)
  • 【MySQL】DML的表操作详解:添加数据&修改数据&删除数据(可cv例题语句)
  • Docker命令及部署Java项目
  • 深度学习入门:从理论到实践的全面指南
  • 后端前行Vue之路(二):模版语法之插值与指令
  • Kotlin 中的类和构造方法
  • 【2024最新】vue3的基本使用(超详细)
  • 【xinference】(8):在autodl上,使用xinference部署qwen1.5大模型,速度特别快,同时还支持函数调用,测试成功!
  • YARN集群 和 MapReduce 原理及应用
  • C++算法——滑动窗口
  • Rust---有关介绍
  • vue项目双击from表单限制重复提交 添加全局注册自定义函数
  • WebPack的使用及属性配、打包资源
  • 机器学习实战17-高斯朴素贝叶斯(GaussianNB)模型的实际应用,结合生活中的生动例子帮助大家理解
  • 数据处理库Pandas数据结构DataFrame
  • 中国发展新能源的核心驱动力是什么?其原理是如何运作的?
  • skywalking
  • 江苏开放大学2024年春《大学英语(D) 060108》第二次过程性考核作业参考答案
  • dockerfile制作-pytoch+深度学习环境版