在el-table中用:selectable="selectable"将表格所有数据禁用之后怎么禁用表头的复选框
时间: 2023-12-27 18:03:06 浏览: 34
要禁用表头的复选框,可以使用以下方式:
1. 给 el-table-column 组件添加 `selectable` 属性,并将其值设为 `false`,例如:
```html
<el-table-column type="selection" :selectable="false"></el-table-column>
```
这会将表头的复选框禁用,但是仍然可以选中表格中的数据。
2. 通过 CSS 的方式隐藏表头的复选框,例如:
```css
.el-table__header th.is-selection {
display: none;
}
```
这样可以完全隐藏表头的复选框,但是不能禁用表头的复选框。如果需要禁用表头的复选框,建议使用第一种方法。
相关问题
禁用el-table-column type="selection"表头
要禁用 `el-table-column` 的选择框,可以在 `el-table-column` 标签中添加 `selectable` 属性,并将其设置为 `false`,如下所示:
``` html
<el-table-column
type="selection"
label="选择"
selectable="false">
</el-table-column>
```
这将禁用 `el-table-column` 的选择框,但仍然保留表头。如果您还要去掉表头,可以在表格组件中设置 `show-header` 属性为 `false`,如下所示:
``` html
<el-table
:data="tableData"
show-header="false">
<el-table-column
type="selection"
label="选择"
selectable="false">
</el-table-column>
<!-- 其他列 -->
</el-table>
```
这将完全隐藏表头和选择框。
<el-table-column :selectable="infoDataList.is_selected" type="selection" width="55"> </el-table-column>
这是一个基于 Element UI 的表格组件 `<el-table>` 中的列组件 `<el-table-column>`,其中 `:selectable` 属性用于控制该列是否可选中,`type="selection"` 属性表示该列是选择列,`width="55"` 属性表示该列的宽度为 55px。这个组件通常用于需要进行多选的表格场景。