el-scrollbar vue 滚动条

<div class="box">

            <el-scrollbar>

              <y-table :data="data"

            :field="field"

            :buttonList="buttonList"

            @delAll="delAll"

            @add="add"

            @del="del"

            @edit="edit"

            v-on="$listeners"

            :openSearch="false">

              </y-table>

            </el-scrollbar>

    </div>

.box {

        width: 100%;

        height: 100%;

    }

.el-scrollbar {

        height: 100%;

        width: 100%;

    }

.el-scrollbar__wrap{

  overflow-x: auto;

  height: calc(100% + 20px); //多出来的20px是横向滚动条默认的样式

}

.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view{

  white-space: nowrap;

  display: inline-block;

}