美文网首页
ElementUI 表格展开的属性 type=“expand”

ElementUI 表格展开的属性 type=“expand”

作者: Cherry丶小丸子 | 来源:发表于2021-08-02 13:44 被阅读0次
    HTML
    <el-table :row-class-name="getRowClass"></el-table>
    
    JS
    getRowClass(row, rowIndex){
        // 判断当前行是否有子数据
        if(row.row.children === null || row.row.children === undefined || row.row.children.length === 0){
            return 'row-hidden-expand-icon'
        }
    }
    
    CSS
    .row-hidden-expand-icon{
        td{
            &:first-child{
                .el-icon{
                    visibility: hidden;
                }
            }
            .el-table__expand-icon{
                pointer-events: none;
            }
        }
    }
    

    相关文章

      网友评论

          本文标题:ElementUI 表格展开的属性 type=“expand”

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