el-table自定义行高

最新推荐文章于 2024-09-19 15:08:59 发布

天天加班写代码

最新推荐文章于 2024-09-19 15:08:59 发布

阅读量983

点赞数

分类专栏： # vue 文章标签： vue.js

本文链接：https://blog.csdn.net/wangshuai13383347132/article/details/126045069

版权

vue 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

发生场景：
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'}"
    >
</el-table>