关于vue 中elementui 的表格边框隐藏

最近写到一个项目需要实现边框隐藏，网上查找了好多笔记，回答都好含糊不清。为此，记录一下自己的实现方法：

需求：

　　要将如下表格边框去除                   效果图：

　　　　                             

官方文档一个borde属性可以去除边框（点此查看 ），但是那只是控制纵向边框，这里主要是要解决横向边框，所以我通过f12对页面进行调试，得到解决方法。

附上代码：

<style>
 .container_lefts .el-table td,
  .container_lefts .el-table th.is-leaf,
  .container_lefts .el-table--border,
  .container_lefts .el-table--group {
    border: none;
    cursor: pointer;
  }
  .container_lefts .el-table::before {
    height: 0;
  }
</style>

注意：1、此处的.container_lefts 要更改为你的el-table标签的父标签类名 不然不能生效。

　　　2、如果你和我一样是在vue项目中使用，这一段css样式不能写在<style scoped="scoped">中，不然可能会不生效。可以另外在底下在写一个<style>标签然后在里面编写样式。

　　　　

最后就可以实现预期效果啦！