当前位置： 首页 > news >正文

Vue动态计算Table表格的高度

news 2025/8/12 5:05:07

因为每个用户不同的电脑屏幕宽高度，造成了Table表格的高度不一致，因此想要动态计算出table的高度，让其能够正常的铺满整个屏幕

代码

完整代码如下：首先计算 窗口的高度 - 搜索框的高度 - 固定数值

  mounted () {// 计算搜索框的高度var searchBarHeight = window.getComputedStyle(this.$refs.searchBar).height.replace('px', '')searchBarHeight = parseInt(searchBarHeight)this.tableHeight = window.innerHeight - searchBarHeight - 270},
http://www.lryc.cn/news/477790.html

相关文章：

  • 【MongoDB】MongoDB的聚合(Aggregate、Map Reduce)与管道(Pipline) 及索引详解（附详细案例）
  • 数组和字符串的es6新方法使用和综合案例
  • JS语法进阶第一课！—DOM（重点）
  • Swift 开发教程系列 - 第5章：集合类型
  • Spring：Bean（创建方式，抽象继承，工厂Bean，生命周期）
  • Flutter中的Extension关键字
  • transformers 框架使用详解，bert-base-chinese
  • STM32——ADC
  • Unity SRP学习笔记（二）
  • 数据库第五次作业
  • 健身房业务流程优化：SpringBoot解决方案
  • 【产品经理】工业互联网企业上市之路
  • Java学习教程，从入门到精通，Java对象和类语法知识点（20）
  • 金融场中的量化交易：民锋数据驱动策略的优势解析市
  • Docker 配置镜像加速
  • HTTP慢速攻击原理及解决办法
  • 【系统面试篇】进程和线程类（1）（笔记）——区别、通讯方式、同步、互斥、锁分类
  • [C++]——哈希（附源码）
  • 2024中国自动化大会（CAC2024）“智慧化工及复合人才培养”平行会议圆满落幕
  • 计算机毕业设计——ssm基于JAVA的求职招聘网站的设计与实现演示录像 2021
  • 跨平台Flutter 、ReactNative 开发原理
  • qt QToolBar详解
  • MongoDB基础介绍以及从0~1语法介绍
  • 利用Docker Compose构建微服务架构
  • 数据中台一键大解析！
  • MySQL45讲 第十六讲 “order by”是怎么工作的？
  • 智慧商城项目-VUE2
  • 音视频入门基础：FLV专题（22）——FFmpeg源码中，获取FLV文件音频信息的实现（中）
  • Chrome与火狐哪个浏览器的性能表现更好
  • uniapp在js方法中，获取当前用户的uid(uni-id-user)表中的用户id