关于单独禁用element-ui table全选按钮的实现方案（奇奇怪怪的需求...）

最新推荐文章于 2025-04-07 14:08:20 发布

RonnieFeng

最新推荐文章于 2025-04-07 14:08:20 发布

阅读量2.3k

点赞数

本文链接：https://blog.youkuaiyun.com/csdn6107/article/details/127295928

版权

element-ui 同时被 3 个专栏收录

10 篇文章

订阅专栏

vue

8 篇文章

订阅专栏

JavaScript

2 篇文章

订阅专栏

本文介绍了如何在Vue项目中，利用element-ui库自定义表头，实现禁用表格全选按钮的功能。通过编写自定义的checkbox并设置为禁用来达到目的。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现方案：通过使用自定义表头的方式手动写一个checkbox，然后设为禁用。
代码：

<el-table
  :border="true"
  :data="tableData"
>
  <el-table-column width="50" align="center">
    <template slot="header">
    <el-checkbox disabled />
    </template>
    <template slot-scope="scope">
      <el-checkbox />
    </template>
  </el-table-column>
</el-table>