Element-UI 去掉表格边框(表格Hover事件移除)


<style  lang="less" scoped>
/deep/ .el-table {
  thead {
    .cell {
      text-align: left; // table 表头 左对齐
    }
  }
  .delete-row {
    color: #d8d8d8;
  }

  .el-table__expand-icon {
    //修改 el-tabel 折叠按钮的位置
    float: right;
  }

  // 去掉table的border start----------------------------
  border: 0;
  th,
  tr,
  td {
    border: 0;
    // background-color: #fff;
  }
  //   tr {
  //     pointer-events: none;
  //   }
  &::before {
    height: 0px;
  }
  &::after {
    width: 0;
  }

  .el-table__fixed:before {
    height: 0;
  }
}
</style>

去掉Element -UI 表格的Hover 事件

tr {
    pointer-events: none;
  }

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM