Element table 展开行后，其他列缩进

最新推荐文章于 2023-11-10 10:20:07 发布

xunhaha666

最新推荐文章于 2023-11-10 10:20:07 发布

阅读量531

点赞数 1

分类专栏： Web 文章标签： javascript elementui vue.js

本文链接：https://blog.csdn.net/weixin_37834999/article/details/126872658

版权

Web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

如图的需求，操作dom实现。

nextTick(() => {
      for (let i=0; i<100; i++) {
        let rowsEl = document.getElementsByClassName("el-table__row--level-"+i);
        rowsEl.forEach((row) => {
          if (i > 0) {
            let cellsEl = row.getElementsByClassName("cell");
            if (cellsEl.length > 2) {
              cellsEl.forEach((cell, cellIndex) => {
                if (cellIndex > 0 && cellIndex < cellsEl.length-1) {
                  cell.style.cssText = 'text-indent: '+i+'em'
                  cell.innerHTML = '<span style="color: #CDD0D6;">|--</span> '+cell.innerText
                }
              })
            }
          }
        })
      }
    });