el-table隐藏横纵滚动条并滚动

el-table隐藏横纵滚动条并滚动，代码如下：

<div class="table-box">
        <el-table :data="tableData" height="80%" v-loadmore="loadMore" v-loading="loadingTable"
          element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"
          element-loading-background="rgba(10,88,128,0.2)" class="table">
          <el-table-column label="排名" type="index" width="80px"> </el-table-column>
          <el-table-column label="企业名称" prop="enterpriseName" width="160px"> </el-table-column>
          <el-table-column label="企业地址" prop="address" width="400px"> </el-table-column>
          <el-table-column label="入驻时间" prop="time" show-overflow-tooltip> </el-table-column>
        </el-table>
</div>
<style>
.table-box {
  padding: 30px 18px;
  .table {
    //隐藏表格滚动条start
    .is-scrolling-none {
      overflow: hidden;
      overflow-y: auto;
      overflow-x: scroll;
    }

    .is-scrolling-none::-webkit-scrollbar {
      display: none;
    }

    .el-table--scrollable-y ::-webkit-scrollbar {
      display: none;
    }

    .el-table--scrollable-x ::-webkit-scrollbar {
      display: none;
    }
    //隐藏表格滚动条end

  }
}
</style>