首页 > Web开发 > 详细

Jquey 修改 元素 CSS 样式

时间:2021-06-24 15:39:04      阅读:8      评论:0      收藏:0      [点我收藏+]
test() {
        console.log(‘running......‘)
        console.log($(‘.el-table__header-wrapper tr>th:first‘))
        $(‘.el-table__header-wrapper tr>th:first‘).css({‘position‘:‘sticky‘, ‘left‘:0, ‘z-index‘: 999})
        console.log($(‘.el-table__header-wrapper tr>th:first>div:first‘))
        $(‘.el-table__header-wrapper tr>th:first>div:first‘).css(‘visibility‘, ‘visible‘)
        console.log($(‘.el-table__header-wrapper tr:eq(1)>th:first‘))
        $(‘.el-table__header-wrapper tr:eq(1)>th:first‘).css({‘position‘:‘sticky‘, ‘left‘:0, ‘z-index‘: 999})
        this.$forceUpdate()
        console.log(‘ending.......‘)
      }

  

this.$nextTick(()=>{
  // 下面三个会导致左侧固定的列异常
  $(‘.el-card__body‘).css(‘overflow‘,‘visible‘)
  $(‘.el-card‘).css(‘overflow‘,‘visible‘)
  $(‘.el-tabs__content‘).css(‘overflow‘,‘visible‘)
  // el-table__fixed
  // $(‘.el-table__fixed‘).css(‘z-index‘,‘800‘)
  // 将第一行、第一列单元格中的文字显示出来

})

  

Jquey 修改 元素 CSS 样式

原文:https://www.cnblogs.com/csdqxh-lastday-ckt-online/p/14926407.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!