el-table表头取消全选框

el-table表头取消全选框_第1张图片

 html el-table

:header-cell-class-name="cellClass"

 methods:

        cellClass(row) {
            if (row.columnIndex === 0) {
                return 'disabledCheck';
            }
        }

css

            // 深度选择器 去掉全选按钮
            ::v-deep .el-table .disabledCheck .cell .el-checkbox__inner {
                display: none;
            }

            ::v-deep .el-table .disabledCheck .cell::before {
                content: '';
                text-align: center;
                line-height: 37px;
            }

你可能感兴趣的:(vue.js,javascript,前端)