伪 table 固定列

结果：

代码如下：

<div class="main-wrap">
  <div class="main-item fixed"  style="background:white;width:100px">2016-05-03</div>
  <div class="main-item" style="background:rgba(123,223,42,0);width:300px">No. 189, Grove St, Los Angeles</div>
  <div class="main-item fixed-right" style="background:white;width:100px" >Tom</div>
</div>

.main-wrap{
  width:300px;
  height: 200px;
  overflow-y:scroll;
  white-space: nowrap; /* 不斷行 */
  margin:0 auto;
}
.main-item{
  display: inline-block;
  height: 100%;
}
.fixed{
  position: sticky;
  left:0;
  z-index:2;
}
.fixed-right{
  position: sticky;
  right:0;
  z-index:2;
}