如果用Bootstrap寫法 只要在table外面包一個 div class="table-responsive" 當螢幕寬度變窄，就會出現拉桿。
如果不是用bootstrap寫法， 在table外面包一個div， 再做一個設定標籤名稱 (例如table-A)
css語法如下:
<style type="text/css">
.table-A tr td{padding: 2px 7px;}
@media screen and (max-width: 767px){
.table-A{
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}
.table-A tr td{padding: 16px 7px;white-space: nowrap;}
}
</style>
| 比較項目 | 基本材質 | 鉸鏈 | 系統櫃結構 | 品質 | 空間規劃 | 價位 | 櫃體製作 | 效果 | 安裝 | 圖面 |
| 美麗安系統家具 | 歐洲進口塑合板 | 歐洲進口鉸鏈 | 櫃體結合五金(KD、中固器)，抽屜、拉籃的滑軌功能 | 系統業界老品牌，自1994年引進系統櫃規劃服務，品質技術有口皆碑 | 配合空間與需求，美麗安家具，搭配室內設計等專業規劃全方位服務 | 連鎖經營，價位一致，透明化有保障 | 工廠進口機器裁切，封邊處理，到府現場組裝(約1~3日完工) | 具整體設計感、簡潔與方便收納，及未來變化的彈性 | 有 | 詳細溝通提供平面立面圖、3D立體圖，並依圖施工，清楚明瞭 |
| 傳統家具 | 木芯板或密集板，表面噴漆烤漆或貼皮 | 台製或進口無品牌，成本低廉鉸鏈，易彈性疲乏 | 不明確或無保證 | 視價位而定 | 單戶採購，自行搭配 | 依業務員開價(標準不一) | 無 | 搭配困難 | 無 | 無 |
| 木作裝潢 | 木芯板或夾板，貼木皮、紙皮或PVC表面噴漆、油漆、台製美耐板 | 台製或進口無品牌，成本低廉鉸鏈，易彈性疲乏 | 不明確或無保證 | 視價位而定 | 多變化 | 依業務員開價(標準不一) | 依業主需求施工 | 有差異性木作，固定牆上，無法變動 | 有 | 無 |
如果不是用bootstrap寫法， 在table外面包一個div， 再做一個設定標籤名稱 (例如table-A)
css語法如下:
<style type="text/css">
.table-A tr td{padding: 2px 7px;}
@media screen and (max-width: 767px){
.table-A{
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}
.table-A tr td{padding: 16px 7px;white-space: nowrap;}
}
</style>
| 比較項目 | 基本材質 | 鉸鏈 | 系統櫃結構 | 品質 | 空間規劃 | 價位 | 櫃體製作 | 效果 | 安裝 | 圖面 |
| 美麗安系統家具 | 歐洲進口塑合板 | 歐洲進口鉸鏈 | 櫃體結合五金(KD、中固器)， 抽屜、拉籃的滑軌功能 |
系統業界老品牌，自1994年引進 系統櫃規劃服務，品質技術有口皆碑 |
配合空間與需求，美麗安家具， 搭配室內設計等專業規劃全方位服務 |
連鎖經營，價位一致， 透明化有保障 |
工廠進口機器裁切，封邊處理， 到府現場組裝(約1~3日完工) |
具整體設計感、簡潔與方便收納， 及未來變化的彈性 |
有 | 詳細溝通提供平面立面圖、 3D立體圖，並依圖施工，清楚明瞭 |
| 傳統家具 | 木芯板或密集板， 表面噴漆烤漆或貼皮 |
台製或進口無品牌， 成本低廉鉸鏈，易彈性疲乏 |
不明確或無保證 | 視價位而定 | 單戶採購，自行搭配 | 依業務員開價(標準不一) | 無 | 搭配困難 | 無 | 無 |
| 木作裝潢 | 木芯板或夾板，貼木皮、 紙皮或PVC表面噴漆、油漆、台製美耐板 |
台製或進口無品牌， 成本低廉鉸鏈，易彈性疲乏 |
不明確或無保證 | 視價位而定 | 多變化 | 依業務員開價(標準不一) | 依業主需求施工 | 有差異性木作，固定牆上，無法變動 | 有 | 無 |