el-table最大高度无法滚动

server/2024/11/26 3:34:06/

解决el-table同时使用fixed和计算的最大高度时固定右边的列无法跟随滚动的问题

原因:el-table组件会根据传入的 max-height 计算表格内容部分 和 fixed部分的最大高度,以此来生成滚动条和产生滚动效果,当传入的 max-height 为一个计算的高度时无法自动地完成计算
解决办法:手动地再对 表格内容部分 和 fixed部分 最大高度进行赋值
代码
<template><el-table class="page-table":data="databaseList" max-height="calc( 100vh - 130px )"@selection-change="handleSelectionChange"></el-table>
</template>
<style scoped lang="scss">
::v-deep .page-table{.el-table__body-wrapper, .el-table__fixed-body-wrapper{max-height: calc( 100vh - 176px );}
}
</style>

http://www.ppmy.cn/server/144974.html

相关文章

论文模型设置与实验数据:scBERT

Yang, F., Wang, W., Wang, F. et al. scBERT as a large-scale pretrained deep language model for cell type annotation of single-cell RNA-seq data. Nat Mach Intell 4, 852–866 (2022). https://doi.org/10.1038/s42256-022-00534-z 论文地址&#xff1a;scBERT as a…

人工智能之机器学习5-回归算法2【培训机构学习笔记】

培训班ppt内容&#xff1a; 个人精进总结&#xff1a; 可解释方差 定义 可解释方差的回归评分函数是一种用于评估回归模型性能的指标&#xff0c;以下从其定义、计算公式、取值范围及意义、应用场景等方面进行详细介绍&#xff1a; 可解释方差&#xff08;Explained Varian…

Linux常见的指令及shell外壳程序的理解

文章内容 1:date指令及时间戳的概念 2:find/which/whereis指令 3:grep指令(行文本过滤工具) 4:head与tail指令 5:shell外壳程序 1:date指令 date:以英文的方式打印出日期与时间 date %Y:%m:%d-%H:%M:%S 格式化的打印出日期与时间,中间的:可以改变. 时间戳:从1970年1月1日0:00(…

贪心算法(2)

目录 K次取反后最大化的数组和 题解&#xff1a; 代码&#xff1a; 按身高排序&#xff08;田忌赛马的预备&#xff09; 题解&#xff1a; 代码&#xff1a; 方法一&#xff1a; 方法二&#xff1a; 优势洗牌&#xff08;田忌赛马&#xff09; 题解&#xff1a; 代…

Java技术分享

剖析equals方法 1、对于Object来说&#xff0c;其equals()方法底层实现就是""&#xff0c;都是比较对象的引用是否相等&#xff0c;下为JDK源码。 Object c 1; Object d 1; boolean equals c.equals(d);public boolean equals(Object obj) {return (this obj);…

【v5lite】调用onnx推理

前言一、主线程二、推理线程thred_nms(非极大值抑制阈值)的作用thred_cond(置信度阈值)的作用三、串口线程总览@改善版本总结前言 跟着博主导入的加以修改的,反正v5lite的版本要是1.4版本的,不然容易出现错误! 后面再去把博主的博文导进来 树莓派4B运行yolov5lite转onn…

java实现小程序接口返回Base64图片

文章目录 引言I java 接口返回Base64图片接口设计获取验证码图片-base64字符串获取验证码图片-二进制流arraybufferII 小程序端代码过期代码: 显示文件流图片(arraybuffer)知识扩展:微信小程序下载后端返回的文件流引言 场景: 图形验证码 背景: 接口返回arraybuffer的格式…

Linux应用编程(C语言编译过程)

目录 1. 举例 2.预处理 2.1 预处理命令 2.2 .i文件内容解读 3.编译 4.汇编 5.链接 5.1 链接方式 5.1.1 静态链接 5.1.2 动态链接 5.1.3 混合链接 1. 举例 Linux的C语言开发&#xff0c;一般选择GCC工具链进行编译&#xff0c;通过下面的例子来演示GCC如何使用&#…