Vue项目 - element中el-table 设置表格高度自适应-滚动条
实现效果:代码:<el-table ref="table" :data="tableData" :height="tableHeight"></el-table>export default {data(){return {tableHeight: 0,}},mounted:function(){this.$nextTick(function () {
·
实现效果:
代码:
<el-table ref="table" :data="tableData" :height="tableHeight"></el-table>
export default {
data(){
return {
tableHeight: 0,
}
},
mounted:function(){
this.$nextTick(function () {
this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 50;
// 监听窗口大小变化
let self = this;
window.onresize = function() {
self.tableHeight = window.innerHeight - self.$refs.table.$el.offsetTop - 50
}
})
//this.$refs.table.$el.offsetTop:表格距离浏览器的高度
//50表示你想要调整的表格距离底部的高度(你可以自己随意调整),因为我们一般都有放分页组件的,所以需要给它留一个高度
}
}
转自 https://www.cnblogs.com/muou2125/p/9952491.html
更多推荐
已为社区贡献13条内容
所有评论(0)