当前位置: 首页 > article >正文

Vue动态计算Table表格的高度

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

代码

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

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

http://www.kler.cn/a/385195.html

相关文章:

  • Spring Security(5.x, 6.x ) RBAC访问控制
  • 深入解析 WinForms MVVM 模式中的事件驱动与数据驱动
  • maven打jar包知识-运行包、依赖包、传递性
  • 解析json导出csv或者直接入库
  • 音频内容理解
  • 爱奇艺大数据多AZ统一调度架构:打破数据孤岛,提升效率
  • 【系统架构设计师】高分论文:论软件的可用性设计
  • 如何快速搭建一个spring boot项目
  • FIPS203 后量子安全ML-KEM(标准简读)
  • .vue文件中定义变量和在引用的.ts文件中定义变量的区别
  • C++模拟真人动态生成鼠标滑动路径
  • 29种Prompt Engineering
  • 自监督学习:机器学习的未来新方向
  • Docker篇(阿里云私服)
  • 热成像手机VS传统热成像仪:AORO A23为何更胜一筹?
  • 64 mysql 的 表锁
  • 建筑安全员题库分享
  • SpringBoot启动器
  • 性能调优专题(5)之深入理解Mysql事务隔离级别与锁机制
  • 4.WebSocket 配置与Nginx 的完美结合