elementUI如何在表格没数据时仍然显示表格结构
时间: 2023-09-22 22:15:35 浏览: 344
基于ElementUI table组件修改,数据化表格结构,添加实用功能,快速生成表格.zip
elementUI中的表格组件在没有数据时默认不会显示表格结构,需要设置 `show-header` 属性为 `true` 才能显示表格头部。同时,可以设置 `empty-text` 属性来显示自定义的空数据提示信息。
示例代码如下:
```html
<el-table :data="tableData" show-header empty-text="暂无数据">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="gender" label="性别"></el-table-column>
</el-table>
```
在上述代码中,如果 `tableData` 数据为空,则会显示 `暂无数据` 提示信息,并且仍然会显示表格头部。
阅读全文