当前位置: 首页 > 知识库问答 >
问题:

javascript - 关于element-plus中table组件的max-height属性的疑问?

澹台聪
2024-08-26

因为在开发中遇到过需要table的高度跟随table内容动态变化的情况(但是又不能无限伸长,最多伸长至父元素的100%),所以尝试给el-table赋一个max-height:100%的属性,但好像不生效,高度达到父元素的100%后,表格竟然不能滚动了,我也在官方仓库下提了issue;

然后看到一个哥们的回答,说这样可以达到max-height:100%的效果:
image.png

试了一下确实是可行的!就是很好奇为啥这样写效果和max-height:100%一样呢:复现链接

共有2个答案

终睿
2024-08-26

可以使用 calc 动态生成高度

殷烨
2024-08-26
  1. table高度需要有固定值
  2. 可以写个监听父盒子高度,再将高度设置成table高度
 类似资料:
  • 系统使用了element-plus按需载入的方式 我需要在一个组件内动态加载某些组件 这个loader方法一直无法正确渲染相应组件,例如type传入“ELInput”时系统会报个警告 尝试过import('element-plus/lib/components/ElInput')这种写法页不行,报错:[plugin:vite:import-analysis] No known conditions

  • 父组件 子组件 为什么执行getSonData的时候,无法获取到子组件的data?sonRef.value.data只能在onMounted内使用吗?不能在父组件的方法里执行?

  • 1、vue3中如何全局修改覆盖掉element-plus组件的默认属性? 2、全局修改element-plus ElInput组件的clearable属性为true,会影响到基于ElInput组件封装的其他组件的clearable属性,比如ElSelect、ElPagination组件,会导致ElPagination组件出现以下的情况。

  • 以下代码在 chrome 输出 1,2,3 这个在网上找到了,forEach 一开始就已经获取了 数组长度 The range of elements processed by forEach is set before the first call to callbackfn. Elements which are appended to the array after the call to

  • 描述 (Description) max-height属性用于设置元素高度的上限。 可能的值 (Possible Values) length - 任何长度单位。 元素永远不会有超过此距离的高度值。 percentage - 将元素的高度限制为最多包含块高度的百分比。 none - 元素的高度没有限制。 适用于 (Applies to) 除了未替换的内联元素和表元素之外的所有HTML元素。 DOM

  • 结果: 问题: 1.lis,ele=>ele.textContent中我把ele.textContent换成了lis.textContent结果出来的是一个undefine的集合,是为什么? 2.lis,ele=>ele.textContent我是否可以理解为Array.from(arr,function),然后返回元素的文本内容? 3.该怎么理解lis和ele之间的关系呢?(因为看到很多案例都是

  • 上面是element组件的的基本用法 我想根据上面的用法自己写一个表格组件,也包含table组件和table-column组件两个组件, 请问我怎么在table组件的默认插槽里,把row传给插槽中的el-table-column组件 table组件部分: table-column组件部分:

  • 全部显示 返回或设置命令栏控件或命令栏的高度。Long 类型,可读写。 expression.Height expression 必需。该表达式返回上面对象之一。 示例 本示例在名为 Custom 的命令栏上添加一个自定义控件。本示例设置该自定义控件的高度为命令栏高度的两倍,并设置宽度为 50 像素。请注意命令栏如何自动调整自身以符合控件。 Set myBar = CommandBars("Cus