美文网首页
el-table增加多选框并在表头增加全选字样

el-table增加多选框并在表头增加全选字样

作者: loinue | 来源:发表于2022-06-10 17:17 被阅读0次

    转载:https://www.meiwen.com.cn/subject/nrkdoctx.html

    实现方法:
    1.手动添加一个el-table-column,设type属性为selection即可

    <el-table-column type="selection" width="100px"></el-table-column>

    2.在el-table-column中设置label属性并不会起作用,因此全选二字需要使用CSS来实现

    .el-table__header .el-table-column--selection .cell .el-checkbox:after {
    color: #333;
    content: "全选";
    font-size: 16px;
    margin-left: 12px;
    font-weight: bold;
    }
    这个样式实测有效!

    相关文章

      网友评论

          本文标题:el-table增加多选框并在表头增加全选字样

          本文链接:https://www.haomeiwen.com/subject/zpybmrtx.html