记录一下遇到的问题,如果有什么不对的,欢迎大佬们指正。
前言
大概找了一下,我觉得这里有两种方法是最快能解决比较急的问题,废话不多说直接干!
一、css的calc函数:
直接给el-table表格自带的height属性使用calc函数设置高度。
代码如下(示例):
<el-table :data="positionName" height="calc(100vh - 20rem)" style="width: 100%;" border>
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column label="序号" type="index" align="center" :index="indexMethod" width="100">
</el-table-column>
<el-table-column prop="name" label="名称" align="center">
</el-table-column>
<el-table-column prop="attribute" label="属性" align="center">
</el-table-column>
</el-table>
二、给el-table加个div并设置动态高度
代码如下(示例):
<div style="margin: 20px;height:calc(100vh - 3rem) ">
<el-table :data="positionName" height="calc(100vh - 20rem)" style="width: 100%;" border>
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column label="序号" type="index" align="center" :index="indexMethod" width="100">
</el-table-column>
<el-table-column prop="name" label="阵地名称" align="center">
</el-table-column>
</el-table>
</div>