设置max-height相对友好很多。但是发现element UI el-table 在计算table高度的时候有问题,在高度没有500px的情况下有时候会出现滚动列 环境 Element UI :2.13.0 问题页面 在操作后面多了一列,其实这里是滚动条预留的列,只是这里表格高度完全不需要滚动。看了下css渲染,表格的高度、预留列的高度都是直接在元素上设置...
1、查看官方说明 可以直接设置height属性来使其表头固定 2、也可以使用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设置了,但是表头不固定 需要引入import 'element-ui/lib/theme-chalk/index.css',然后正常设置属性就ok了 el-table设置了高度,但是表头不固定,会随着滑动条滑动 另:border设置边框也不起作用,只能通过设置border样式才得以实现。之前这两个都可以的,不知道这次咋回事,都失效了。 这个有人碰到过嘛?
Vue Version:3.2.45 Element Plus Version:2.3.3 Browser / OS:版本 110.0.5481.97(正式版本) (64 位) Build Tool:Vue CLI Reproduction Related Component el-table Reproduction Link Element Plus Playground Steps to reproduce 设置height='auto',且使用append插槽, el-table__empty-block高度会一直增加 ...
Bug Type: Component Environment Vue Version: 3.3.1 Element Plus Version: 2.6.3 Browser / OS: Chrome/123.0.6312.58 macos/14.3.1 Build Tool: Vite Reproduction Related Component el-table-v2 Reproduction Link Element Plus Playground Steps to...
关于el-table 设置:row-style本地有效,打包上线后无效的坑 公司做个后台的项目,采用了el-table的:row-style,而:row-style中又用了function返回,本地测试没有问题,但是打包上线后,展开无效?what? 然后对项目进行了各种排查,原来el-table的:row-style使用function,如果返回string,本地环境有效,打包上线无效。el-tab...
我今天也遇到了,mounted里计算了可视区的高度,然后计算出table的max-height值,标签中用<el-table :max-height="tableHeight" >的方式绑定了计算后的高度值,但是发现tableHeight只是第一次初始化的值,并不是动态计算的值,即使放到computed、watch中,各种姿势都不可以。后来我就还在mounted中,把计算可视区高度、推导...
[Component] [table-v2] el-table-v2虚拟表格组件在动态设置某列的fixed为左固定或右固定时,在原来不设置动态高度estimated-row-height属性时是没问题的,一旦设置了estimated-row-height呗固定的列内容都无法显示了,调试看了下动态宽度没有变导致新加的固定列没有将父元素撑开导致显示内容空白 #2928 Sign in to ...
设置max-height相对友好很多。但是发现element UI el-table 在计算table高度的时候有问题,在高度没有500px的情况下有时候会出现滚动列 环境 Element UI :2.13.0 问题页面 在操作后面多了一列,其实这里是滚动条预留的列,只是这里表格高度完全不需要滚动。看了下css渲染,表格的高度、预留列的高度都是直接在元素上...