el-table隐藏多选框
时间: 2023-11-24 15:53:08 浏览: 78
要隐藏el-table中的多选框,可以通过设置el-table-column的type属性为selection,并将其width属性设置为0来实现。具体步骤如下:
1.在el-table中添加el-table-column,设置type属性为selection,width属性为0。
2.在el-table-column中添加自定义模板,将多选框隐藏。
以下是示例代码:
```html
<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column type="selection" width="0"></el-table-column>
<el-table-column prop="date" label="日期" width="180"></el-table-column>
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
</template>
```
相关问题
el-table-column多选框隐藏
您可以通过设置 el-table-column 的 type 属性为 'selection' 来实现多选框的显示,如果您想要隐藏多选框,可以将该属性设置为 'hidden'。例如:
<el-table-column type="hidden"></el-table-column>
el-table取消复选框
你可以通过设置 `show-checkbox` 属性为 `false` 来取消 `el-table` 组件的复选框。代码示例如下:
```html
<el-table :data="tableData" show-checkbox="false">
<!-- 表格列配置 -->
</el-table>
```
这样就可以隐藏复选框了。注意,这会同时隐藏表头的复选框和每一行的复选框。如果你只想隐藏表头的复选框,可以设置 `header-checkbox-disabled` 属性为 `true`:
```html
<el-table :data="tableData" show-checkbox header-checkbox-disabled>
<!-- 表格列配置 -->
</el-table>
```
希望对你有所帮助!如有更多问题,请继续提问。
阅读全文