关于el-table配置不展示滚动条的问题,可以从以下几个方面进行排查和解决:1. 检查el-table的CSS样式 确保没有CSS样式直接隐藏了滚动条。这包括检查是否有全局CSS或特定组件CSS设置了overflow: hidden、scrollbar-width: none等可能隐藏滚动条的属性。可以通过浏览器的开发者工具(通常按F12打开)来查看和修改这些样式。
方法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...
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没有垂直滚动条 1、双击打开桌面Excel表格2、点击左上角【文件】。3、点击【文件】菜单下的【选项】。4、点击左侧的【视图】。5、在窗口选项里面有一个【垂直滚动条】勾选项,现在这个勾选项是没有勾选的。6、勾选【垂直滚动条】勾选项。7、回到表格,可以看到下面
现在需求是右侧滚动条不好看,需要去除滚动条,并隐藏滚动条所占列的位置 // ---修改elementui表格的默认样式---.el-table__body-wrapper{ &::-webkit-scrollbar { // 整个滚动条width:0; // 纵向滚动条的宽度background:rgba(213,215,220,0.3);border: none; } &::-webkit-scrollbar...
当el-table的数据条数过多的时候,我们就要固定el-table的表头,从而实现竖向滚动的效果,不过默认的滚动条样式不太好看,所以我们可以修改一下滚动条的样式。其实很简单,css加上样式设置即可。 修改前的滚动条样式 修改语句 // 设置滚动条的宽度 /deep/ .el-table__body-wrapper::-webkit-scrollbar { width: 10...
一、了解el-table纵向滚动轴样式的默认样式 在开始我们的定制之前,首先需要了解el-table纵向滚动轴的默认样式。el-table的默认纵向滚动轴样式通常是一个简单的滚动条,样式相对简约。如果你对这种简单的滚动条样式不感兴趣,那么我们就需要进行一些定制。 二、使用CSS定制el-table纵向滚动轴样式 我们可以使用CSS来对el-...
el-table表格设置滚动条 el-table表格设置滚动条 el-table超出⼀定⾼度设置滚动条两种⽅法，设置height和max-height都可出现滚动条。1、给table设置height属性为250，表格固定有300px这么⾼。<el-table :data="tableData"height="250"border style="width: 100%"> 2、给他变了设置max-height为300，表格...
用el-table 想让表格高度根据屏幕动态展示,用max-height后发现内容超过高度不展示滚动条 查阅后发现默认是隐藏,而不是滚动展示 如果想让展示,则可以用样式加上overflow-y: auto 全部代码如下 <template><el-tablesize="small":data="tableData":max-height="tableHeight"style="width: 100%; overflow-y: auto...