最后换了个思路table外层加一个div,给外层这个div设置max-height即可。 <divstyle="max-height:400px;overflow:auto;"><pclass="historyShow-tag"v-if="recordHhistoryShow == '0'">暂无记录</p><tableborder="1"cellspacing="0"id="extension"v-else-if="recordHhistoryShow == '1'"><thead><tr><...
遇到的第一个问题是max-height的无效应用。在尝试设置max-height属性后，发现组件无法达到预期效果。通过代码检查，发现问题可能出在外部包裹的div元素未设定固定高度。为适应不同屏幕尺寸，通常会使用百分比（如calc(100% - 300px)），但这样依旧无法解决问题。为了解决该问题，尝试将单位改为视窗高度（vh...
如果你的数据多的话,可以同时设置height,数据较少,就v-if或v-show判断要显示的数组存不存在。目前我只找到这些方法,其他的还没有 回复2019-05-06 降智打击: 数据量不一定 主要看用户自己添加了多少 之前的max-height可以做到没有数据就一行的高度 有数据就撑开高度 超量的数据就滚动条 现在不知道怎么才能达到...
因为在开发中遇到过需要table的高度跟随table内容动态变化的情况(但是又不能无限伸长,最多伸长至父元素的100%),所以尝试给el-table赋一个max-height:100%的属性,但好像不生效,高度达到父元素的100%后,表格竟然不能滚动了,我也在官方仓库下提了issue; 然后看到一个哥们的回答,说这样可以达到max-height:100%的效果...
Issue Mark Duplicate [Component] [table] table组件的max-height设置为百分比单位时无法滚动 #25485 Sign in to view logs Summary Jobs mark-duplicate Run details Usage Workflow file Triggered via issue October 3, 2024 13:29 fyljy574 commented on #17783 86b01ee ...
表格树 tableTree 高度 默认maxHeight,在isFold下不起作用,后期改值 vue-table-with-tree-grid mounted () { this.$refs.table.$refs['body-wrapper'].style['height'] = '300px' } __EOF__ --- 生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是...
tableZen maxHeight 解决方案 如果数据条数小于N,不进行高度设置,超过N条,直接设置高度,解决原生iview Table 对于右侧固定列,不能计算出正确数值的解决方案 if (this.maxHeight !== 0 && this.innerData.length > this.maxHeightLen) { this.innerHeight = this.maxHeight ...
if (typeof maxHeight === "number") { return { "max-height": maxHeight - footerHeight - (this.showHeader ? headerHeight : 0) + "px", }; } else if (maxHeight.match(/\d+%/g)) { return { "max-height":calc(${maxHeight} - ${ footerHeight + this.showHeader ? headerHeight ...
解决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; } }...