/*** 表格滚动条*/// 横向滚动条高度$scrollbarheight: 15px;.el-scrollbar{//偏移.el-scrollbar__bar{bottom:1px;}//高度.el-scrollbar__bar.is-horizontal{height:$scrollbarheight;}// 横向滚动条.el-scrollbar__bar.is-horizontal .el-scrollbar__thumb{// opacity:1;// 默认滚动条自带透明度heig...
方法1、在el-table上手动添加滚动条 1、在el-table上方添加一个div,div的宽度和表格的宽度相同。 <div ref="topScroll" class="top-scroll"> <div class="top-scroll-content" :style="{ width: topScrollWidth }"></div> </div> <el-table ref="tableRef" :data="list" v-loading.body="listLoad...
<template><divclass="common-out-table-scroll"><el-table:data="tableData"bordershow-summarystyle="width: 400px"scrollbar-always-onref="expenditureItemExt2"><el-table-columnprop="id"label="ID"width="180"/><el-table-columnprop="name"label="Name"/><el-table-columnprop="amount1"sortablelabe...
const tableEl = this.$refs.businessTable.$el //表格的DOM元素 const scrollContainerHeight = tableEl.clientHeight //获取表格容器的高度,即当前可见区域的高度 const scrollContentHeight = tableEl.scrollHeight //获取表格内容的高度,即所有行的高度 const scrollTop = tableEl.scrollTop //获取表格容器滚动的...
例如,你可以保存滚动条的位置,然后在需要的时候恢复这个位置。这可以通过监听表格的滚动事件,并保存滚动位置来实现。然后,在需要恢复滚动位置的时候,你可以设置表格的 `scrollTop` 属性。 以下是一个简单的示例代码: ```vue <template> <el-table ref="table" :data="tableData" style="width: 100%" @scroll...
el-table是一个表格组件,用于展示数据并支持排序、筛选和分页等功能。 在el-table中,如果表格的数据过多,可能会出现滚动条。为了控制滚动条的位置,element plus提供了setScrollTop方法,用于设置滚动条的垂直偏移量。 使用setScrollTop方法,首先需要获取到el-table的实例。可以通过ref属性给el-table组件指定一个名称,...
} .el-table.hide-scrollBar{ /*隐藏滚动条 设置底部padding20px*/ scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ padding-bottom: 20px; } .el-table.hide-scrollBar ::-webkit-scrollbar { display: none; /* Chrome Safari */ } </style> <!--tableDemo...
1.这里涉及到两个Dom元素,类名分别为el-table__body-wrapper、el-table__body通过观察发现横向滚动条在于el-table__body-wrapper上,el-table__body则是实际的列表内容,当el-table__body宽度超出el-table__body-wrapper时就会出现横向滚动条。 2.因此只需要动态的修改el-table__body-wrapper的height即可实现想要...
问题描述: 在table-column列数据过多会出现横向滚动条,编辑表单后,会对table组件进行重新渲染同时横向滚动条会回到最左侧,希望控制滚动条保持在最右侧 方法: refs[‘tableList’]上有一个bodyWrapper里面有scrollLeft 属性,可以设置表格左滑动的距离为整个
element的el-table中记录滚动条位置的⽰例代码 场景重现：在项⽬中使⽤了keep-alive来缓存组件，且使⽤element中的table列表，但在项⽬中是对table进⾏了⼆次封装，跟页码合在了⼀起。按照⽹上的直接对scrollTop赋值，赋值失败了，还要加上setTimeout才能成功，虽然实现了功能，但是不知道原因，可以...