可左右滑動的選項卡（快捷鍵mt 提示出來的第三個） （下面的 類mui-slider-progress-bar里面的柵格根據選項卡的數量和調整）
<div class="mui-slider">
<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<a class="mui-control-item" href="#item1">選項卡1</a>
<a class="mui-control-item" href="#item2">選項卡2</a>
<a class="mui-control-item" href="#item3">選項卡3</a>
<a class="mui-control-item" href="#item4">選項卡4</a>
</div>
<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-3"></div>
<div class="mui-slider-group">
<div id="item1" class="mui-slider-item mui-control-content mui-active">
<ul class="mui-table-view">
<li class="mui-table-view-cell">第1個選項卡子項</li>
<li class="mui-table-view-cell">第1個選項卡子項</li>
</ul>
</div>
<div id="item2" class="mui-slider-item mui-control-content">
<ul class="mui-table-view">
<li class="mui-table-view-cell">第2個選項卡子項</li>
<li class="mui-table-view-cell">第2個選項卡子項</li>
</ul>
</div>
<div id="item3" class="mui-slider-item mui-control-content">
<ul class="mui-table-view">
<li class="mui-table-view-cell">第3個選項卡子項</li>
<li class="mui-table-view-cell">第3個選項卡子項</li>
</ul>
</div>
<div id="item4" class="mui-slider-item mui-control-content">
<ul class="mui-table-view">
<li class="mui-table-view-cell">第4個選項卡子項</li>
<li class="mui-table-view-cell">第4個選項卡子項</li>
</ul>
</div>
</div>
</div>