针对你提到的 el-table 不滚动的问题,我们可以从以下几个方面进行排查和解决: 确认el-table 是否支持滚动功能: el-table 是Element UI 组件库中的一个表格组件,它本身支持滚动功能。当表格内容超出容器大小时,会自动显示滚动条。 检查el-table 的滚动设置或属性: 确保el-table 组件的 height 属性或 max-heigh...
为了解决该问题，尝试将单位改为视窗高度（vh），以达到不同大小屏幕的高度调整。这确实解决了高度匹配问题，但在使用max-height后，组件却无法实现滚动。此时，通过调整CSS中的滚动属性，使得组件能够在设置max-height后正常滚动。然而，滚动实现后，却发现表头UI错乱，检查后发现是溢出隐藏导致。解决方法是...
给两个div添加样式,里面的div一定要设置高度,不设置的话滚动条出不来 .top-scroll { width: 100%; overflow-x: auto; } .top-scroll-content { /* 高度不设置的话滚动条出不来 */ height: 1px; } 1. 2. 3. 4. 5. 6. 7. 8. 2、给滚动条设置初始值 data(){ return{ topScrollWidth: 0, ...
el-table不出现滚动条 修改样式的时候,发现没出现自己想要的效果,用div重新布局以后,发现效果是出现了,但el-table滚动条不见了。 解决: <div style="padding:2px;height:600px"> <el-table v-loading="loading":data="list"highlight-current-row style="width: 100%;"height="100%">...</el-table> ...
解决el-table设置max-height内容超出不出现滚动条的问题 只需要设置样式,自己考虑需不需要加穿透 /deep/ .el-table { display: flex; flex-direction: column; .el-table__header-wrapper { flex-shrink: 0; } .el-table__body-wrapper { flex-grow: 1; } }...
el-table超出一定高度设置滚动条两种方法,设置height和max-height都可出现滚动条。 1、给table设置height属性为250,表格固定有300px这么高。 <el-table:data="tableData"height="250"border style="width: 100%"> 2、给他变了设置max-height为300,表格数据超出250。如果表格只有一条数据,且高度没有超过300.表格...
前言:最近做项目遇到一个问题,表头过长产生的横向滚动条,暂无数据会随滚动条而滚动,从效果上非常不好。其次是客户希望定制属于自己风格的暂无数据页面。 分析: (1)table自带的暂无数据外层包了两层div,宽度是实际长度,若强行更改,横向滚动条会消失 (2)若在table外面声明一个暂无数据的div,通过定位来实现此功能,可...
el-table有很多列,最后面的几列不显示,因为水平滚动条没出来,不能滚动到最右侧,不知道什么原因,网上查询了下,好像说是本身框架的bug,有遇见这样问题的吗,怎么解决
el-table横向滚动条不显示问题 简介:el-table横向滚动条不显示问题 背景 在Vue中使用el-table,设置表格高度和宽度后,表格内容超出,横向滚动条没有显示。 解决办法 设置滚动条宽度和高度即可。 /* 设置滚动条宽度和高度 *//deep/.el-table__body-wrapper::-webkit-scrollbar{width:8px;/* 横向滚动条 */...