RWD響應式表格產生器,輕鬆做出手機好讀格式
使用的工具
名稱:Responsive Table Generator
網址:https://russellgoldenberg.github.io/responsive-table-generator/
範例
圖書資訊處網頁:開放時間
步驟
- 開網站「Responsive Table Generator」
- 開檔案,複製表格(含標題)
- 點一下輸入框,按滑鼠右鍵貼上
- 按一下鍵盤的「Backspace」把多出來的空行刪掉(記得刪最後一行空白)
- 點選「Get Started」
- 設定儲存格內容,會影響內容的對齊方式
- 設定表格選項(修改產生含標題的列數)
- 預覽表格並編輯
- 複製表格原始碼到網頁管理後台貼上原始碼
備註:
- 不支援跨欄資料,請先把合併欄位改回單欄,且每個欄位都要有標題
- 只支援純文字,超連結請到網頁管理後台手動加入
普通表格 | 響應式表格 |
![]() |
![]() |
分享