问题1: 设置max-height无效 代码如下: <el-table:data="tableData"max-height="calc(100% - 300px)"style="width: 100%">... ...</el-table> 遇到这个问题的原因,估计是我外部包裹的div没有设置固定高度,而不设置固定高度的原因还是在于想适配不同大小的浏览器。所以使用calc(100% - 300px)无效,然后...
解决办法如下: //在子组件挂载完成后,采用定时器延缓计算表格高度mounted() {/** 计算表格高度 * 使用定时器来计算表格高度,避免展开/收起查询条件时表格高度不更新*/let timer; clearInterval(timer); setInterval(()=>{this.$nextTick(() =>{this.tableHeight =this.tbHeight - 0;//计算表格高度}); }...
element的el-table 增加height="" 属性导致页面崩溃 <el-table :data="users" border style="width: 100%;" height="250"> <el-table-column prop="userID" label="账号ID" > </el-table-column> <el-table-column prop="userName" label="账号名称"> </el-table-column> <el-table-column prop="...
明显是初始化的时候某个对象是null导致的。 查看源码 查看源码我们能看到这里有判断this.maxHeight是否为空,也就是我们是否有设置。有设置的话,会返回一个对象,其中会调用this.data.length。问题就是这里。初始化时this.data是空的所以就会报错。 解决办法 查看我们对table......
直接使用el-table的height属性,可以传一个高度给它,就会以这个高度固定表格,内部数据滚动~ 但是我想屏幕大小table自适应高度,天真的输入80%, 发现不生效!这就需要人为操作如下: <template> <lls-table :data="tableData":height="tableHeight"> </llst-bale> ...
// 这个方法是当el-table设置max-height时,el-scroll height:100%失效,导致el-scroll-wrap的margin-right失效,所以给el-scroll设置height为max-height的高度 bodyScrollHeight() { const { headerHeight = 0, footerHeight = 0} = this.layout; if (this.maxHeight) { ...
Bug Type: Style Environment Vue Version: 3.4.21 Element Plus Version: 2.6.0 Browser / OS: Chrome/121.0.0.0 Build Tool: Vite Reproduction Related Component el-table Reproduction Link Element Plus Playground Steps to reproduce el-table 的 h...
2、el-table使用append属性,底部加入一个新表格,外部表格高度小于设置的height时,但外层table+append的内容已经超过设置的height,页面不显示滚动条,无法...
el-table上设置了height与指令 刷新页面合计行消失 Screenshot or Gif(截图或动态图) 未添加指令 增加指令后 Link to minimal reproduction(最小可在线还原demo) v-el-height-adaptive-table="{bottomOffset: 80}" height="100px" Other relevant information(格外信息) ...