在HTML表格上从左向右滚动

用户是否可以在此表中左右滚动？现在，没有滚动条出现，我错过了右边的数据

演示：

代码：

/*作为外部资源包含最新编译和缩小的CSS*/
/*可选主题*/
@导入url（'//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap theme.min.css'）；
身体{
利润率：10px；
溢出-x：隐藏
}

.table tr td:first child、.table thead tr td{
字体大小：粗体；
}
.表tbody tr td{
右边框：1px纯黑；
}
.表tbody tr td：最后一个孩子{
右边界：0；
}
表tr td:n第n个子项（2），表tr td{
文本对齐：居中；
}
表img{
高度：50px；
显示：块；
文本对齐：居中；
保证金：0自动；
边缘底部：20px；
}
.zui表{
边界：无；
右边框：实心1px#DDEFEF；
边界塌陷：分离；
边界间距：0；
字体：标准13px Arial，无衬线；
}
.zui表thead th{
背景色：#DDEFEF；
边界：无；
颜色：336b；
填充：10px；
文本对齐：左对齐；
文本阴影：1px 1px 1px#fff；
空白：nowrap；
}
.zui表tbody td{
边框底部：实心1px#DDEFEF；
颜色：#333；
文本阴影：1px 1px 1px#fff；
空白：nowrap；
}
zui包装纸{
位置：相对位置；
}
.zui卷轴{
左边距：141px；
溢出-x：滚动；
溢出y：可见；
垫底：5px；
宽度：100%；
}
.zui table.zui粘性col{
左边框：实心1px#DDEFEF；
右边框：实心1px#DDEFEF；
左：0；
位置：绝对位置；
顶部：自动；
宽度：140px；
}
一杯咖啡
本地啤酒/啤酒
可口可乐罐头
一杯葡萄酒
静止矿泉水
防晒霜
驱虫剂
两人两道菜午餐
2人3道菜晚餐
出租车
保加利亚
&磅；1.
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
土耳其
&磅；2.
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
葡萄牙
&磅；3.
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
西班牙
&磅；4.
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
希腊
&磅；5.
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
塞浦路斯
&磅；6.
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
克罗地亚
&磅；7.
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
马耳他
&磅；8.
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
法国
&磅；9
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
意大利
&磅；10
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；
&磅；

删除宽度：100%类.zui滚动条

/*作为外部资源包含最新编译和缩小的CSS*/
/*可选主题*/
@导入url（'//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap theme.min.css'）；
身体{
利润率：10px；
溢出-x：隐藏
}

.table tr td:first child、.table thead tr td{
字体大小：粗体；
}
.表tbody tr td{
右边框：1px纯黑；
}
助教
table {
  width: 500px;
  overflow-x: scroll;
}

.zui-wrapper {
   overflow-x: auto;
}

.zui-scroller {
   overflow-x: scroll;
   overflow-y: visible;
}

.zui-scroller {
      margin-left: 141px;
      overflow-x: scroll;
      overflow-y: visible;
      padding-bottom: 5px;
      width: 100%;
  }

.zui-scroller {
      margin-left: 141px;
      overflow-x: scroll;
      overflow-y: visible;
      padding-bottom: 5px;
      width: auto;
  }