element UI 表格隐藏表头

最新推荐文章于 2024-11-17 17:38:35 发布

天天

最新推荐文章于 2024-11-17 17:38:35 发布

阅读量3.5k

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/tiantiandjava/article/details/105574840

版权

vue 专栏收录该内容

2 篇文章

订阅专栏

本文分享了在使用ElementUI的表格组件时，如何正确设置属性以隐藏表头的详细步骤。作者最初尝试直接将'show-header'属性设为'false'但遇到错误，最终通过正确的语法实现目标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新学 element UI 想隐藏表头，查了官方文档：（心想简单啊，直接false就行了）

show-header

是否显示表头

boolean

—

true

结果不生效还报错....

[Vue warn]: Invalid prop: type check failed for prop "showHeader". Expected Boolean, got String.

found in

---> <ElTable> at packages/table/src/table.vue
       <ElTabPane> at packages/tabs/src/tab-pane.vue
         <ElTabs> at packages/tabs/src/tabs.vue
           <ElDialog> at packages/dialog/src/component.vue
             <PersonnelSelector> at src/views/conference/PersonnelSelector/index.vue
               <ElFormItem> at packages/form/src/form-item.vue
                 <ElForm> at packages/form/src/form.vue
                   <New> at src/views/conference/new.vue
                     <ElCard> at packages/card/src/main.vue
                       <ElTabPane> at packages/tabs/src/tab-pane.vue
                         <ElTabs> at packages/tabs/src/tabs.vue
                           <MainContent> at src/views/main-content.vue
                             <Main> at src/views/main.vue
                               <App> at src/App.vue
                                 <Root>

查查查，找找找

写法不对要写成：

        <el-table :show-header="false" :data="topContacts" >

好用了，暂时不知道什么情况要写成这样的