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

设置某行被选中并滚动到改行

<el-table :data="tableDamItem" ref="singleTable" stripe style="width: 100%"  height="250" highlight-current-row v-on:row-click="handleTableRow"></el-table>/*** 设置表格行被选中,并滚动到该行* @param pointInfo*/
setTableRowSelected(row){//设置被选中状态this.$refs.singleTable.setCurrentRow(row, true);//滚动到相应位置//根据数据的唯一标识 找到选中数据所在绑定数组的下标let index = this.tableData.findIndex(x => x.id== row.id);// 3 是指表格所在区域一次能展示的行数-1,这里最多可以同时展示4行,若下标小于等于第四行,则无需滚动if (index>3){// 48 是单行行高let top = 48*(index-1);this.$refs.singleTable.bodyWrapper.scrollTop = top}else{//如果下标在前四行内,则无需滚动this.$refs.singleTable.bodyWrapper.scrollTop = 0}
}
http://www.lryc.cn/news/143634.html

相关文章:

  • React钩子函数之useRef的基本使用
  • 无风扇迷你电脑信息与购买指南
  • 比特币是怎么回事?
  • vue3+ts+uniapp小程序端自定义日期选择器基于内置组件picker-view + 扩展组件 Popup 实现自定义日期选择及其他选择
  • Java进阶篇--泛型
  • android framework之Applicataion启动流程分析
  • Linux Day10 ---Mybash
  • Flask-Sockets和Flask-Login联合实现websocket的登录认证功能
  • 东盟全面覆盖?长城战略部署核心区域市场,首个百万粉丝国产品牌
  • 基于PHP的电脑商城系统
  • 无客户端网络准入方案,为集成电路企业终端管理开启省事更省心模式
  • 5G与4G的RRC协议之异同
  • 横扫“盲区”、“看透”缺陷,维视智造推出短波红外相机
  • cgo踩坑:交叉编译过程出现的问题could not determine kind of name for C.XXX
  • 自然语言处理(NLP)技术的例子
  • Python“牵手”义乌购商品列表数据,关键词搜索义乌购API接口数据,义乌购API接口申请指南
  • ip_vs 原理解析 (四)hook 后的开始 NF_INET_LOCAL_IN
  • 分布式之CAP理论与BASE理论
  • Java之初始化顺序实践
  • 静态库与动态链接库,第三方库集成到VS
  • 生态经济学领域里的R语言机器学(数据的收集与清洗、综合建模评价、数据的分析与可视化、数据的空间效应、因果推断等)
  • 【ROS】自定义消息方面的bug总结(1)
  • CTF-XXE(持续更新,欢迎分享更多相关知识点的题目)
  • Python工具箱系列(四十一)
  • Bigemap在路桥行业是怎么应用的?
  • 代码随想录算法训练营Day48 || ● 198.打家劫舍 ● 213.打家劫舍II ● 337.打家劫舍III
  • 高通面临难题,Oryon核心存在问题,高通8cx Gen 4芯片将推迟发布
  • 安卓手机如何使用邮箱客户端收发邮件
  • 对java中的List进行深拷贝,并进行删除测试
  • springboot服务注册到Eureka,端口总是默认8080,自己配置端口不生效