vue项目前台带表格的页面,让表格根据屏幕大小自适应高度,小屏幕时不出现多个滚动条
参见馆藏库房系统,
右侧整体结构一般如下
<el-container class="ml10 mr10 br7 bgw"> <el-main> // el-main默认就是100%的高度,主要包括三个区域 1、上面筛选区域,一般为35px+10px的margin值 <el-form> </el-form> 2、下面表格区域,表格区域的高,就是等于100% - (筛选区域的高 + 翻页区域的高(含magin值)) <div style= "height:calc(100% - 90px)"> <el-table height="100%"> //我们需要计算的就是table外层div的高,然后给table设置height="100%"即可,不需要减去表头的高度 </el-table> </div> 3、翻页区域,一般为35px+10px的margin值 </el-main> </el-container>
本文来自博客园,作者:zwbsoft,转载请注明原文链接:https://www.cnblogs.com/zwbsoft/p/16784280.html
电话微信:13514280351