element-ui的table,切换左侧树数据替换后高度变小问题

摘要:
页面结构为左侧是树,右侧是表格,当切换左侧树时候,右侧表格数据改变,但是表格高度会变小,网上找的两种解决方法方法一:在表格数据改变后执行:this.$nextTick(()=˃{表格加上ref='table'this.$refs.table.doLayout()})方法二:1.固定表头高度2.body_wrapper使用calc减去表头高度

element-ui的table,切换左侧树数据替换后高度变小问题第1张页面结构为左侧是树,右侧是表格,当切换左侧树时候,右侧表格数据改变,但是表格高度会变小,网上找的两种解决方法

方法一:

在表格数据改变后执行:

this.$nextTick(()=>{
表格加上ref='table'
this.$refs.table.doLayout()
})

方法二:

1.固定表头高度

2.body_wrapper使用calc减去表头高度

element-ui的table,切换左侧树数据替换后高度变小问题第2张

免责声明:文章转载自《element-ui的table,切换左侧树数据替换后高度变小问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇【原】storm源码之storm代码结构【译】LINUX --- echo修改GPIO状态下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

sqlserver2008r2 版本数据库迁移到2019版本导致查询效率慢的解决方法

1、在sqlserver2008 版本的数据库引擎创建数据库后,迁移到sqlserver2019版本,存储过程查询效率变慢了。 2、主要原因:使用sqlserver2019版本的数据库软件创建,默认是不往低版本的数据库软件兼容。 3、处理版本,右击数据库-》属性-》选项-》兼容级别,选择SQL Server 2008 (100) 即可。    ...

vue之templete模板

1.templete里要用data里的数据的话,不要加this. 2.按理说Js是写在<script></script>标签体内的。但是Vue的templete模板中对所有的数据绑定,都提供了完全的js支持。 代码示例如下: 强调"tableData.slice((currentPage-1)*pageSize,currentPag...

DataSet——合二为一,合并两个数据集的数据内容

在ASP.NET中,一个数据集可以包含多个数据表,本实例要实现的是两个数据表合并到一个数据集中,即该数据集中包含原来两个数据集中的所有表。 关键技术: 通过数据集的Merge方法可以将另外一个数据集、表集合或行数组的内容合并到当前数据集中。表的主键、表名称、约束等因素都会影响合并数据集的效果。 Merge方法主要用于将指定的DataSet及其架构合并到当前...

BUUCTF-数据包中的线索 1

打开题目里面一个pcapng的文件,于是我们拖进wireshark流量分析一波  发现有http的流量,于是我们过滤http  让后追踪http,然后发现base64的编码, 于是我们看到了base64编码    于是我们拿着base64去解密成图片,https://the-x.cn/base64   然后我们将图片下载下来,得到flag...

oracle pl/sql 变量

一、变量介绍在编写pl/sql程序时,可以定义变量和常量;在pl/sql程序中包括有:1)、标量类型(scalar)2)、复合类型(composite) --用于操作单条记录3)、参照类型(reference) --用于操作多条记录4)、lob(large object)    二、标量(scalar)——常用类型1)、在编写pl/sql块时,如果要使用...

打造自己的数据访问层(一)

项目开发中,大多数开发人员的核心工作就是如何对数据进行存储及访问。为了进行数据操作,我们首先得解决几个基本问题:1、如何与一个数据库建立连接。2、如何从数据库读取相应的数据。3、如何对数据表进行增改操作。.NET中,ADO.NET很方便的解决了上面三个问题,我们可以使用DbConnection进行连接,DataSet进行数据存储,DataAdapter进行...