标签：el style 自定义 height padding table 行高

发生场景：
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

标签：el,style,自定义,height,padding,table,行高
来源： https://www.cnblogs.com/javalinux/p/16376017.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。