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 {
     0;
  }

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

去掉Element -UI 表格的Hover 事件

tr {
    pointer-events: none;
  }
原文地址:https://www.cnblogs.com/lxsunny/p/14068195.html