给el-table中的某一行某一列添加样式

最新推荐文章于 2023-12-15 14:23:04 发布

不曾_

最新推荐文章于 2023-12-15 14:23:04 发布

阅读量345

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/laoluo_520/article/details/131535897

版权

const tableRows = document.querySelectorAll('tr');
        let top = 0;
        tableRows.forEach((item, index) => {
          if(this.isVertical){
            if(index < 4){
              item.style.position = 'sticky'
              item.style.top = top + 'px'
              item.style.zIndex = 2
              top += item.offsetHeight
            }

            item.getElementsByTagName('td')[0].style.position = 'sticky'
            item.getElementsByTagName('td')[0].style.left = 0
            item.getElementsByTagName('td')[0].style.zIndex = 1
            item.getElementsByTagName('td')[0].style.backgroundColor = '#fff'
          }else{
            item.style.position = 'static'
            const key = index ? 'td' : 'th'
            let tds = item.getElementsByTagName(key)
            for (let i = 0; i < tds.length; i++) {
              tds[i].style.position = 'static'
            }
          }
        })