关于element-ui的table组件hover时边框消失的问题

今天看项目时偶然发现一个问题，之前没有的问题，记录一下：

我发现表格有点歪，不太对的上，突然就感觉挺别扭的：

这是因为我的表格行我设置了width属性，导致宽度出现问题，调整了width宽度之后问题解决，但是发现了另一个问题：

行与行之间的边框消失了。
我看了下，导致这样的原因其实就是table默认的hover样式覆盖了这个边框。
查看了table组件的文档
在table中加入如下代码：

:cell-style="{background:'#fff'}"

    <el-table
    :cell-style="{background:'#fff'}"
      class="table_list"
      v-loading="listLoading"
      element-loading-text="拼命加载中"
      element-loading-spinner="el-icon-loading"
      :data="groupList"
      border
      fit
      size="mini"
      highlight-current-row
    >

单元格的style回调方法中改变了它的颜色，设置cell-style为页面底色，取消其他的样式，就可以解决了。
当然，解决问题的方法不止一种，能够快捷方便的解决问题就可以。特别在写代码时如果用到了开源的库之类的，一定要先了解熟悉文档，不要像我一样马虎-。-
千里之行，始于足下，加油！