禁用el-table-column type="selection"表头

要禁用 `el-table-column` 的选择框，可以在 `el-table-column` 标签中添加 `selectable` 属性，并将其设置为 `false`，如下所示：

<el-table-column
  type="selection"
  label="选择"
  selectable="false">
</el-table-column>

这将禁用 `el-table-column` 的选择框，但仍然保留表头。如果您还要去掉表头，可以在表格组件中设置 `show-header` 属性为 `false`，如下所示：

<el-table
  :data="tableData"
  show-header="false">
  <el-table-column
    type="selection"
    label="选择"
    selectable="false">
  </el-table-column>
  <!-- 其他列 -->
</el-table>

这将完全隐藏表头和选择框。

相关问题

el-table-column type="selection"使用disabled不生效

`el-table-column` 中的 `type="selection"` 是用于显示一个多选框的，而 `disabled` 属性是用于禁用一个元素的，这两者的作用是不同的，所以在 `el-table-column` 中使用 `disabled` 是不会生效的。

如果你想禁用某些行的多选框，可以通过给数据源中的数据项设置 `disabled` 属性来实现。例如：

[
  {
    name: '张三',
    age: 18,
    disabled: true  // 设置为 true 表示该行的多选框禁用
  },
  {
    name: '李四',
    age: 20,
    disabled: false  // 设置为 false 或者不设置表示该行的多选框可用
  }
]

然后在模板中，通过 `row` 的 `disabled` 属性来设置多选框的禁用状态，示例代码如下：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column type="selection" />
    <el-table-column prop="name" label="姓名" />
    <el-table-column prop="age" label="年龄" />
  </el-table>
</template>

export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18,
          disabled: true
        },
        {
          name: '李四',
          age: 20,
          disabled: false
        }
      ]
    }
  }
}

el-table el-column selection 设置禁用无效

如果在 ElementUI 的 el-table 中设置了 `disable` 属性，但是 el-column 的选择功能仍然可用，可能是由于 `disable` 属性只是禁用了 el-table 的选择功能，而 el-column 是作为 el-table 的子组件，不受 el-table 的 `disable` 属性控制。

如果要禁用 el-column 的选择功能，可以通过修改 el-column 的 `selectable` 属性来实现。具体代码如下：

<template>
  <el-table
    :data="tableData"
    :selectable="!disabled"
    @selection-change="handleSelectionChange"
    :row-key="row => row.id">
    <el-table-column
      type="selection"
      :selectable="selectable"
      width="55">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名">
    </el-table-column>
    <el-table-column
      prop="age"
      label="年龄">
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: '张三', age: 18 },
        { id: 2, name: '李四', age: 20 },
        { id: 3, name: '王五', age: 25 },
      ],
      disabled: true,
      selectable: false,
    };
  },
  methods: {
    handleSelectionChange(selection) {
      console.log(selection);
    },
  },
};
</script>

在上面的代码中，我们通过 `selectable` 属性来控制 el-column 的选择功能是否可用。如果 `selectable` 的值为 `false`，则 el-column 的选择功能将被禁用。在 `el-table` 中，我们可以通过 `selectable` 属性来控制 el-table 的选择功能是否可用。如果 `selectable` 的值为 `false`，则 el-table 的选择功能将被禁用。

同时，我们也可以通过 `disabled` 属性来控制整个 el-table 的选择功能是否可用。如果 `disabled` 的值为 `true`，则整个 el-table 的选择功能将被禁用。