首页 > 其他分享 >el-table固定表头

el-table固定表头

时间:2022-11-07 14:03:02浏览次数:37  
标签:el getTableMaxHeight get max 表头 height table difference

前提:getTableMaxHeight.js /**  * @param {Number} difference_height 需要减去的值  * @return {Number} table的最大高度值  */ function getTableMaxHeight(difference_height) {  // 这里可以再写一些对difference_height类型判断的代码  let height = document.body.clientHeight //浏览器高度  return height - difference_height }
export default getTableMaxHeight


引入:import getTableMaxHeight from './getTableMaxHeight'

1、:max-height="max_height" 2、data:this.max_height = null // 获取表格最大高度,用于固定表头 3、methods:{ get_max_height() { this.max_height = getTableMaxHeight(270) }, } 4、mounted(){ this.get_max_height() window.addEventListener('resize', this.get_max_height) // 监听窗口大小变化用以表格最大高度自适应 } 5、beforeDestroy() { window.removeEventListener('resize', this.get_max_height) // 移除监听窗口变化监听事件 },

 

标签:el,getTableMaxHeight,get,max,表头,height,table,difference
From: https://www.cnblogs.com/lyt520/p/16865701.html

相关文章

  • PowerShell修改环境变量
    如果你搜索本问题,多半会来到StackOverflow中看到这个回答setx/MPATH"%PATH%;<your-new-path>"Note:CMD中执行正如该回答的某个回复提到的:DONOTUSETHIS.set......
  • 关于PowerShell -ErrorAction Ignore 的 Bug
    背景有需求要清除指定目录的磁盘,我们这么实现functionRun-test{lsX:\doc|rm-Recurse-Force}Run-test如果目录不存在,则会出现错误但是根据业务,找不到......
  • 编写成功的椭圆latex底稿,可以直接拷贝。注意文章中有图片ellipse.png需要复制到文章所
    %注意,本文为了在数学公式中使用中文,调用了xeCJKsetup{CJKmath}所以,不能用pdfLatex编译器,要用Xelatex编译器,否则报错。即,在编译器左上角的绿色箭头右侧下拉框里,选择Xelatex.......
  • leveldb学习笔记之五——include/leveldb/write_batch.h
    WriteBatch主要是用来对多个数据进行批量写入。依赖关系writeBatch类主要依赖于以下几个类,如图:其中,Handler为抽象类,定义了put和delete接口。WriteBatchInternal类为writeba......
  • leveldb学习笔记之七——util/coding.h
    coding.h中主要是与编码相关的内容,主要选取以下几个函数进行分析:EncodeFixed32voidEncodeFixed32(char*buf,uint32_tvalue){if(port::kLittleEndian){//小端次序......
  • leveldb学习笔记之四——include/leveldb/slice.h
    在真正开始研究leveldb的存储过程之前,先来研究一下相关的结构,首先是slice。为了操作方便,leveldb将数据和长度包装成了slice使用,至于为什么要这么做,估计是两位大神是为了效率......
  • leveldb学习笔记之三——include/leveldb/db.h
    此文件为leveldb的c++接口文件,用c++的方式调用leveldb只需要包含此文件即可。在此文件中定义了leveldb对外的接口DB,其具体的实现由db/db_impl.h中的DBImpl类实现。DB的定......
  • leveldb学习笔记之二——源码目录结构
    说明从今天开始,将正式进入leveldb源码的学习。leveldb主要采用c++实现,整体代码比较规范,除了学习存储相关的原理,还可以学习c++相关的知识,提升c++的技巧。目录leveldb的目录结......
  • leveldb学习笔记之六——db/memtable.h
    db数据在内存中的存储格式,写操作的数据都会先写到memtable中类classMemTable{public://构造函数,不允许隐式转换,参数为内部key比较器explicitMemTable(constInte......
  • leveldb学习笔记之一——clion调用leveldb使用示例
    前言2018年杀入区块链,算是接触了分布式、数据存储这一系列的知识,前段时间接触某手机厂商的技术人员,才发现自己在存储方面知识的不足,因此这段时间准备沉下心来学习学习。接下......