<el-table-column>怎么判断是否有数据,没数据隐藏一列
时间: 2024-03-16 14:45:54 浏览: 124
你可以通过判断数据源(即表格数据)是否为空来判断是否有数据,如果没有数据,可以使用`v-if`指令或者`:show-header="false"`属性来隐藏表头或表格列。具体实现代码如下:
```html
<el-table :data="tableData" v-if="tableData.length > 0">
<el-table-column prop="prop1" label="列1"></el-table-column>
<el-table-column prop="prop2" label="列2"></el-table-column>
<el-table-column prop="prop3" label="列3" v-if="tableData.length > 0"></el-table-column>
</el-table>
<el-table :data="tableData" :show-header="tableData.length > 0">
<el-table-column prop="prop1" label="列1"></el-table-column>
<el-table-column prop="prop2" label="列2"></el-table-column>
<el-table-column prop="prop3" label="列3" :show-header="tableData.length > 0"></el-table-column>
</el-table>
```
以上代码中,`:data`属性绑定表格数据,`v-if`指令或者`:show-header`属性判断表格数据是否为空,如果为空,则隐藏表格列。在上述代码中,第三列根据表格数据是否为空来决定是否显示。
阅读全文