let elwrapper = el.getElementsByClassName("el-table__body-wrapper")[0]; //console.log("容器:", elwrapper); //设置容器高度,50固定不要随意修改 elwrapper.style.height = options.maxNumner * 50 + "px"; //获取表格主体 let elBody = elwrapper.getElementsByClassName("el-table__body")[0];...
<ulclass="infinite-list"v-infinite-scroll ="load"style="overflow:auto; height: 200px;"> <liv-for="(item, index) in tableData":key="index">{{ item.name }}</li> </ul> 对于不是真正的出现滚动条的标签,却无能为力 <el-table border height="400" v-infinite-scroll="load" :data="ta...
中间table展示内容的部分,高度是不固定的,选择每页展示的条数不同,对应的高度就不同。 5.2 所以解决办法就是将el-table的高度固定,通过设置el-table的一个max-height属性来保证 搜索框高度(el-form) + 中间内容高度(el-table) + 分页器高度(el-pagination) <= 当前页面可以展示的高度 1. 就不会出现滚动条,...
Vue Element-ui 之 el-table自动滚动 首先是 div结构布局 <divid="scrollId">//对el-table盒子设置 id 属性<divstyle="height: 100%;"><el-tablerow-class-name="tr_style":stripe="true":data="tableData":show-header="false":cell-style="{borderColor:'rgba(9, 14, 34, 1)'}":header-cell-...
在Element UI中,表格组件(el-table)本身并不直接提供滚动事件的监听接口。但是,你可以通过访问表格的DOM元素来添加滚动事件的监听器。以下是实现这一功能的步骤和示例代码: 确定Element UI表格组件: 确认你正在使用Element UI的el-table组件,并且该组件的内容超出了其可视区域,从而产生了滚动条。 添加ref属性: 在el...
简介:element-ui里的el-table在grid布局下切换数据有滚动条时不断增加? 今天在项目里面遇到了这个问题,相当炸裂,看了半天都没有看出什么问题,很是逆天,记录一下 下面使用代码情景复现一下:el-table是在 grid 布局下面的,不是子层级,中间还有一层 content 的元素包裹 ...
在Element UI中,要让表格出现滚动条,通常需要设置表格的高度。如果不设置高度,表格将无法滚动。然而,Element UI也提供了一些方法来控制滚动条的行为和外观。 在Element UI的`el-table`组件中,可以使用`max-height`属性来限制表格的最大高度,这样当表格内容超出指定高度时,就会出现滚动条。例如: ```html <el-...
当列表内容部分可见时,保持横向滚动条在下方。 实现 原理 1.这里涉及到两个Dom元素,类名分别为el-table__body-wrapper、el-table__body通过观察发现横向滚动条在于el-table__body-wrapper上,el-table__body则是实际的列表内容,当el-table__body宽度超出el-table__body-wrapper时就会出现横向滚动条。
public.css,scroll-item是自定义类,类似于指令效果,加上clssname就自动生成scrollbar。之所以不用指令,是因为无法修改element-ui组件,用classname方便一点。transfer-main类好像是我用的另外一个插件里面的。 .scroll-item,.el-table__body-wrapper,.el-transfer-panel__list,.transfer-main { ...
最近做项目的时候有个需求--需要给表格增加数据,然后数据多的情况下表格会出现滚动条,需要默认定位到表格的底部。 效果图: image.png 一般的js的做法是: lettable=document.getElementById('id名字');table.scrollTop=table.scrollHeight; 因为用到了elementUi框架,不容易获取到表格里面的某个元素的id,所以上面方法...