elementui表格多选去掉表头的多选框

最新推荐文章于 2024-04-16 10:28:28 发布

原创最新推荐文章于 2024-04-16 10:28:28 发布 · 1.6k 阅读

9 ·

CC 4.0 BY-SA版权

elementui 专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何在Element UI的表格组件中为特定表头禁用多选功能，并通过CSS自定义样式隐藏全选按钮。

//第一步
<el-table :header-cell-class-name="cellClass"
//第二步monthods里写入
// 为多选的表头添加类名
      cellClass(row){
          if (row.columnIndex === 0) {
           return 'disabledCheck'
          }
      },
//第三步
    /* 去掉全选按钮 */
/deep/.el-table .disabledCheck .cell .el-checkbox__inner{
    display: none !important;
}
/* 去掉全选按钮 */
/deep/.el-table .disabledCheck .cell::before{
    content: '';
    text-align: center;
}