页面有效区域就那么大,甲方爸爸喜欢看表格数据时 它的表头可以固定住,不要全屏滚动。 直接使用el-table的height属性,可以传一个高度给它,就会以这个高度固定表格,内部数据滚动~ 但是我想屏幕大小table自适应高度,天真的输入80%, 发现不生效!这就需要人为操作如下: ...
问题描述 使用elementUI v . . 开发过程中使用el table渲染列表,需要控制table的最大高度,达到溢出滚动的效果。 问题解决 参考element文档,可以使用 max height属性 Table 的最大高度。合法的值为数字或者单位为 px 的高度 ,于是可以设置一个具体的值,eg:max height px 或max height ,但是这样并不能解决屏幕适配的问题。那就考 ...
2022-04-11 19:42 0 4112 推荐指数:
页面有效区域就那么大,甲方爸爸喜欢看表格数据时 它的表头可以固定住,不要全屏滚动。 直接使用el-table的height属性,可以传一个高度给它,就会以这个高度固定表格,内部数据滚动~ 但是我想屏幕大小table自适应高度,天真的输入80%, 发现不生效!这就需要人为操作如下: ...
1. 外层容器flex=1,el-table设置属性height="calc(100% - 60px),有时一刷新页面表格高度无限增加,滚动条一直变短 试验过几次后发现是因为el-table的height超过了外层容器高度(因为容器里不仅有el-table,还有其他div来占高度);只要减少 ...
转自:https://blog.csdn.net/weixin_41725862/article/details/90439463 ...
Vue+elementui项目中遇到动态设置el-table高度的时候,data中定义tableH变量为表格高度,初始值为100,在mounted中设置tableH为500(假设值),效果未实现。后将初始值100换为null后效果实现。 问题解决但不知到为什么,请教大家帮忙解惑 ...
https://www.cnblogs.com/steamed-twisted-roll/p/11069821.html https://blog.csdn.net/qq_39186346/arti ...
< template > < div class= "hello" > < el-button type= "primary" @click=" add ...
elementUI表格好像自带一个bug,切换页面的时候高度也会缩短 当时为了解决这一问题,设置了一个css样式 <style lang="scss"> .main-{ .el-table__body-wrapper{ height: 650px ...