问题2: 设置max-height之后 table无法滚动 解决办法: .el-table{display:flex;flex-direction:column;} 此时可以进行滚动了,但是表头部分ui错乱了。查看页面元素,发现是被溢出隐藏了 问题3: table头部ui错乱 .el-table__header-wrapper{overflow:visible!important;} 如此即可实现所需效果!
2、使用height="430px" 当数据只有一条时,会有很大空白 如图: image.png 解决方案 给<el-table> 标签上的height="430px" 换成max-height="430px" 这样表格就能根据返回数据的多少自动定位了。 <el-table:data="tableData"style="width: 100%"v-loading="loading":row-class-name="tableRowClassName"size...
给两个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-select> 思路:设置下拉菜单的最大宽度,然后文字超出时,出现横向滚动条。 .new-select { .el-select-dropdown { max-width:300px; left: 0 !important; box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 10%); } .el-select-dropdown__item { display: inline-block; } .el-select-dropdown__ite...
element ui table 滚动条无法拖拽 element表格滚动加载 今天老大让我给之前的表格添加表格滚动加载,而且还要固定表头,第一感觉就是先到element-ui的官网例子看看,固定表头主要用到了 height 这个属性,还有最大高度这个属性 max-height 主要是设置超过这个高度就会出现滚动条,height 是设置表格的高度,让表格的表头固定在...
我用的element-ui是V1.4.3. 目前遇到一个问题,在用el-select组件的时候,当选项的内容很长的时候,会撑开下拉菜单的宽度,这样影响美观。具体如下图所示: 解决这个问题的思路:设置下拉菜单的最大宽度,然后文字超出时,出现横向滚动条。 解决时的问题就是,设置了宽度,横向滚动条却不出现,如下图所示,直接将超出的文...
我用的element-ui是V1.4.3. 目前遇到一个问题,在用el-select组件的时候,当选项的内容很长的时候,会撑开下拉菜单的宽度,这样影响美观。具体如下图所示: 解决这个问题的思路:设置下拉菜单的最大宽度,然后文字超出时,出现横向滚动条。 解决时的问题就是,设置了宽度,横向滚动条却不出现,如下图所示,直接将超出的文...
vue 用elementUI滚动条问题? 菜鸟001 266785184 发布于 2023-02-21 北京 如下代码,给了max-height,正常情况是超出500就出滚动条,现在想让滚动条默认就展示并且宽度加大,现在滚动条有点卡顿,跟我的的数据有关吗,现在每条数据里面值比较多,我css的deep样式应该无关,样式删了也还是卡顿,改怎么优化下才能滚动不卡顿...
在Element UI中,要让表格出现滚动条,通常需要设置表格的高度。如果不设置高度,表格将无法滚动。然而,Element UI也提供了一些方法来控制滚动条的行为和外观。 在Element UI的`el-table`组件中,可以使用`max-height`属性来限制表格的最大高度,这样当表格内容超出指定高度时,就会出现滚动条。例如: ```html <el-...