ElementUI表格隐藏表头：show-header属性

最新推荐文章于 2025-01-02 18:00:06 发布

lena7

最新推荐文章于 2025-01-02 18:00:06 发布

阅读量2.3w

点赞数 10

分类专栏：前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/lena7/article/details/108222449

版权

前端专栏收录该内容

15 篇文章

订阅专栏

问题

引用elementUI的表格，但是不使用表头，删去了label标签。但是在获取数据时前面总是会空一行。

F5查看页面代码

虽然没有写表头，但是elementUI还是会自动注册表头（可以通过F5查看页面代码，可以看到注册了表头el-table_header）。
在这里插入图片描述

原因

查看文档，发现了属性el-table的属性show-header，默认值是true，也就是默认有表头，即使我们没有定义，也会默认添加表头。
在这里插入图片描述

解决

只需要将show-header的值设置为false即可（在这里前面的":"符号可以省略，如果使用该符号后期将value值改为变量，可以根据变量动态确定是否显示表头。）
在这里插入图片描述

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。