vue el-table高度 height自适应

不同屏幕宽高比不一样，设置el-table高度自适应

原理就是获取屏幕高度，然后利用计算属性减去出去table部分的高度如导航，搜索框等。
代码如下

<el-table :data = "data" :height = "tableHeight"><el-table-colume prop= "" label="1"> </el-table-colume>......
</el-table>

// tableHeight 不需要在data里定义
// 6666可以动态获取页面其余部分高度
computed: {tableHeight: function() {return (window.innerHeight - 6666) + 'px';}}

vue el-table高度 height自适应相关推荐

antd for vue 中table高度自适应
代码如下: :scroll='scroll' scroll:{y: 'calc(100vh - 其它元素高度的总和)' } 有用的话,点个赞再走吧~~
ant design vue table 高度自适应_Vue组件库大评测 Element, iView, HeyUI, Ant Design Vue
今天偶然的机会想了解下其他Vue相关的组件库,网上刚好有文章,顺便自己做一下笔记,算是资源整理吧 .好了,话不多说,直接开始: 组件库的选择对于前端开发有者至关重要的影响,而组件的丰富性以及健壮性是我 ...
vue页面自适应屏幕宽高_Vue+Element UI 高度实时自适应
本文章是我一个实习两个月的练习生,在项目中遇到的问题,在此记录,防治以后再踩坑!! Element ui 本身使用的Container 布局容器,组件采用 flex 布局.所以用了它的布局就可以做到宽 ...
css div自适应高度height
DIVCSS5为大家介绍两种情况下自适应高度样式设置与解决. 第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度: 第二种:没有最小高度,DIV完全自适应高度. 以下为大家介绍这两种 ...
android h5 div高度自适应,css div自适应高度height
DIVCSS5为大家介绍两种情况下自适应高度样式设置与解决. 第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度: 第二种:没有最小高度,DIV完全自适应高度. 以下为大家介绍这两种 ...
Vue 获取元素高度总是不准确的问题
今天老大没安排活干,也不想划水,于是打算用一个websocket写一个简易的聊天系统. 后端代码很容易就写好,但是前端是真的难搞,遇到一个很严重的问题: 当发送一条消息或者是收到一条消息,消息展示界面 ...
Vue中使echarts图表自适应
Vue中使echarts图表自适应 1.先在main.js中自定义一个全局指令,如下 // 定义全局指令 Vue.directive('resize', { // 使用局部注册指令的方式// 指令的名 ...
Vue3使用element-plusUI解决菜单高度自动自适应的问题，使用CSS3的vh单位
最近在升级Vue的前端项目,把所有的框架升级到较新稳定版,前端UI用的elementUI,也升级到了element-plus,菜单组件的高度设置了height:100%也无效,于是设置了min-hei ...
iframe高度动态自适应
参考:http://www.zhangxinxu.com/wordpress/?p=1294 一.前言碎碎念我从来对iframe就没有什么好感,对其基本上是不屑一顾.但是人在江湖,身不由己.经理发话 ...

vue el-table高度 height自适应

不同屏幕宽高比不一样，设置el-table高度自适应

vue el-table高度 height自适应相关推荐

最新文章

热门文章