iview table 如何解决 横向滚动条 滚动到底部才显示？

Question

https://jsfiddle.net/tz3j0qd6...

如何让这个 横向滚动条 一直显示呢？

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/view-design/dist/iview.min.js"></script>
<div id="app">
    <div class="box">
      <div class="box2">
           <i-table  border :columns="columns2" :data="data3"></i-table>
      </div>
    </div>
</div>

@import url("//unpkg.com/view-design/dist/styles/iview.css");
#app{padding: 32px;}

.box {
   height: 100px; 
   overflow: hidden; 
   background-color: pink;
}

.box2 {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}