element UI 表格隐藏表头

秒速五厘米 2023-05-21 15:22 23阅读 0赞

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

<table> 
 <tbody> 
  <tr> 
   <td>show-header</td> 
   <td>是否显示表头</td> 
   <td>boolean</td> 
   <td>—</td> 
   <td>true</td> 
  </tr> 
 </tbody> 
</table>

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

[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" >

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

发表评论取消回复

表情：

评论列表（有 0 条评论，23人围观）

还没有评论，来说两句吧...

相关阅读

相关 Element-ui 表格实现树形结构表格

前端效果展示: ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

电玩女神/ 2023年10月10日 12:33/ 0 赞/ 61 阅读

相关 Element表格自定义表头注意事项

当自定义表头用于点击排序操作，此时随着排序规则改变对应icon也应改变，而此时需要添加slot-scope属性，来使其变为作用域插槽，从而使其可以动态变化如果不是作用域插槽

不念不忘少年蓝@/ 2023年05月28日 15:50/ 0 赞/ 26 阅读

相关 element UI 表格隐藏表头

新学 element UI 想隐藏表头，查了官方文档：（心想简单啊，直接false就行了） <table> <tbody> <tr> <td>show-h

秒速五厘米/ 2023年05月21日 15:22/ 0 赞/ 24 阅读

相关 Element UI Table表格封装

说明针对Element UI table进行了简单封装，支持复杂表头、分页、跨行等。主要封装内容如下： pagination：是否分页，默认true co

冷不防/ 2023年01月22日 15:59/ 0 赞/ 476 阅读

相关 VUE element-ui之table表格表头下拉筛选功能

步骤：在需要筛选的列中插槽法： <el-table-column prop="mount" label="交易量区间" align="left">

àì夳堔傛蜴生んèń/ 2022年10月19日 04:21/ 0 赞/ 962 阅读

相关 element-ui中table表格表头和表格内容都水平居中

表头水平居中 ![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png] <template> <el-table

野性酷女/ 2022年09月12日 01:47/ 0 赞/ 287 阅读

相关 element ui 表格去掉表头

文档提示用属性show-header <el-table :data="tableData1" :

你的名字/ 2022年01月31日 08:45/ 0 赞/ 367 阅读

相关 Element-UI树形表格

Element-UI 因需求需要2.10表格中带有树形结构仍不满足我们的需求。我们想要如下的格式的树形结构：（没有标题、多选按钮在名称的前面、表格数据可以修改 ![585

た入场券/ 2021年11月22日 03:38/ 0 赞/ 473 阅读

相关 Element ui 表头自适应设置

表头自适应，说的简短一点就是table里表头的数据长的时候，该table的列显示的就长一点，短的时候显示的就短一点。解决思路： 1：自定义表头中获得表头的label

心已赠人/ 2021年09月28日 00:34/ 0 赞/ 508 阅读

相关 element-ui表格多级表头、表头换行

效果图 ![在这里插入图片描述][2021060117264520.gif_pic_center] 安装Element-ui npm i element-

迈不过友情╰/ 2021年09月08日 03:16/ 0 赞/ 1815 阅读