问题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, ...
今天老大让我给之前的表格添加表格滚动加载,而且还要固定表头,第一感觉就是先到element-ui的官网例子看看,固定表头主要用到了 height 这个属性,还有最大高度这个属性 max-height 主要是设置超过这个高度就会出现滚动条,height 是设置表格的高度,让表格的表头固定在最上面。 只要在el-table元素中定义了height属性,即可实...
1.出现横向滚动条给select加个下拉框的类名 popper-class="new-select" <el-selectv-model="queryParams.docum...
我用的element-ui是V1.4.3. 目前遇到一个问题,在用el-select组件的时候,当选项的内容很长的时候,会撑开下拉菜单的宽度,这样影响美观。具体如下图所示: 解决这个问题的思路:设置下拉菜单的最大宽度,然后文字超出时,出现横向滚动条。 解决时的问题就是,设置了宽度,横向滚动条却不出现,如下图所示,直接将超出的文...
我用的element-ui是V1.4.3. 目前遇到一个问题,在用el-select组件的时候,当选项的内容很长的时候,会撑开下拉菜单的宽度,这样影响美观。具体如下图所示: 解决这个问题的思路:设置下拉菜单的最大宽度,然后文字超出时,出现横向滚动条。 解决时的问题就是,设置了宽度,横向滚动条却不出现,如下图所示,直接将超出的文...
如下代码,给了max-height,正常情况是超出500就出滚动条,现在想让滚动条默认就展示并且宽度加大,现在滚动条有点卡顿,跟我的的数据有关吗,现在每条数据里面值比较多,我css的deep样式应该无关,样式删了也还是卡顿,改怎么优化下才能滚动不卡顿 <el-table v-loading="loading" ref="singleTable" @selection-change="...
在Element UI中,要让表格出现滚动条,通常需要设置表格的高度。如果不设置高度,表格将无法滚动。然而,Element UI也提供了一些方法来控制滚动条的行为和外观。 在Element UI的`el-table`组件中,可以使用`max-height`属性来限制表格的最大高度,这样当表格内容超出指定高度时,就会出现滚动条。例如: ```html <el-...