发生场景:
el-table默认的行高与padding,使原本在一页中不能完全呈现内容,所以需要自定义行高;单独的设置height会达到最小值,但还是和要求不符,所以修改了padding值,让默认的内边距减小,使内容更紧贴;
具体操作:
在el-table标签上,设置 :row-style=”{height: ‘0’}” 为最小行高,同时修改默认的padding值;让表格更好的展示为一页;
关键代码:
<el-table
:data=”tableData”
border
style=”width: 100%”
:row-style=”{height: ‘0’}”
:cell-style=”{padding: ‘3px’}”
:header-cell-style=”{ background: ‘#eef1f6’, color: ‘#606266’ }”
>
</el-table>
————————————————
版权声明:本文为CSDN博主「Sunshine_Jian」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Sunshine_Jian/article/details/123628671