<template><divid="app"><el-table:data="tableData"borderstyle="width: 100%"><el-table-columnprop="date"label="日期"width="180"></el-table-column><el-table-columnprop="name"label="姓名"width="180"></el-table-column><el-table-columnprop="address"label="地址"></el-table-column></...
<divstyle="height:90%;overflow-y:scroll"><el-table:data="tableData"style="width: 100%;"row-key="id"border:default-expand-all="false":header-cell-style="{height: '60px'}":tree-props="{children: 'children', hasChildren: 'hasChildren'}"><!-- <el-table-column type="index" align=...
1. 在 el-table 组件上设置 row-height 属性,例如设置为 50px: ``` <el-table :data="tableData" row-height="50"> <!-- 表格内容 --> </el-table> ``` 2. 在 el-table-column 组件上设置 min-height 属性来调整单元格内容的最小高度,例如设置为 40px: ``` <el-table :data="tableData"...
el-table 根据窗框大小 高度变化 固定表头 <el-table:data="tableData"style="width: 100%":height="tableHeight"><el-table-columnprop="date"label="日期"width="180"></el-table-column></el-table> created() { // 100是表格外其它布局占的高度,这个数值根据自己实际情况修改...
在表格外部包一层div,设置div高度,el-table高度设置100%,动态计算div的高度 <div :style="{height:tableHeight}"> <el-table height="100%"></<el-table> </div> 1.创建 tableMixin.js export default { computed: { tableHeight() { // 底部50 头部60 分页40 搜索栏50 // 获取滚动条高度(宽度)...
本文使用的方案是,使用CSS和JS结合的方式,首先使用CSS规划出一个自适应高度的容器container,组件放到container的内部使用absolute绝对定位脱离文档流(如此table的高度不会影响到页面布局),然后使用JS获取container的高度tableHeight,将该值设置为el-table的height属性,从而实现表格自适应高度固定表头。
</el-table-column> <el-table-column prop="address" label="地址"> </el-table-column> </el-table> </div> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 最外层div高度的设置方法 //这里减去的是你个人业务除了表格之外其他内容的高度,比如查询条件等 ...
默认类型为number或string,如果不传值,设置为'',页面渲染正常,高度为内容撑开的高度。但是控制台报错:TypeError: Cannot read properties of undefined (reading 'style') 解决:可以通过后台返回数据长度,即行数*行高,动态设置,实现高度自适应。 2、el-table使用append属性,底部加入一个新表格,外部表格高度小于设置的...
4 方法四：然后直接上template代码：<template><el-table:data="tableData3"height="250"borderstyle="width:100%"><el-table-columnprop="date"label="日期"width="180"></el-table-column></el-table></template>其中height="250"是固定值，我们可以在data中设置一个tableHeight，其中x是根据你布局自己算...