美文网首页
Element-UI中table组件设置树型表格序号

Element-UI中table组件设置树型表格序号

作者: wxb2dyj | 来源:发表于2020-04-02 15:21 被阅读0次
    先放效果:树型表格默认收起状态,展开后子表格也要获得序号,如下图。 image.png

    方法:通过动态绑定属性 row-class-name
    template如下:
    <el-table :data="tableData3" height="550" style="width: 100%;background: transparent" @row-click="device_detail" :row-class-name="rowClassName">
    <el-table-column prop="id" label="序号" width="180"></el-table-column>
    </el-table>

    script如下:
    rowClassName({row, rowIndex}) {
    //把每一行的索引放进row.id
    row.id = rowIndex+1;
    }

    引用自https://blog.csdn.net/weixin_39520629/article/details/88821693,感谢原博主。

    相关文章

      网友评论

          本文标题:Element-UI中table组件设置树型表格序号

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