el-table标签隐藏
时间: 2023-11-12 21:58:35 浏览: 94
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
您可以通过设置 el-table 的 show-header 和 show-summary 属性来隐藏表格的表头和汇总行。具体方法如下:
1. 隐藏表头
在 el-table 标签中设置 show-header 属性为 false 即可隐藏表头,示例代码如下:
<el-table :data="tableData" :show-header="false">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
2. 隐藏汇总行
在 el-table 标签中设置 show-summary 属性为 false 即可隐藏汇总行,示例代码如下:
<el-table :data="tableData" :show-summary="false">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="text" size="small">编辑</el-button>
<el-button type="text" size="small">删除</el-button>
</template>
</el-table-column>
</el-table>
阅读全文