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

问题

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

F5查看页面代码

虽然没有写表头,但是elementUI还是会自动注册表头(可以通过F5查看页面代码,可以看到注册了表头el-table_header)。
ElementUI表格隐藏表头:show-header属性_第1张图片

原因

查看文档,发现了属性el-table的属性show-header,默认值是true,也就是默认有表头,即使我们没有定义,也会默认添加表头。
ElementUI表格隐藏表头:show-header属性_第2张图片

解决

只需要将show-header的值设置为false即可(在这里前面的":"符号可以省略,如果使用该符号后期将value值改为变量,可以根据变量动态确定是否显示表头。)
ElementUI表格隐藏表头:show-header属性_第3张图片

你可能感兴趣的:(前端)