跳到主要內容區

RWD響應式表格產生器,輕鬆做出手機好讀格式

使用的工具

名稱:Responsive Table Generator

網址:https://russellgoldenberg.github.io/responsive-table-generator/

範例

圖書資訊處網頁:開放時間

步驟

  1. 開網站「Responsive Table Generator
  2. 開檔案,複製表格(含標題)
  3. 點一下輸入框,按滑鼠右鍵貼上
  4. 按一下鍵盤的「Backspace」把多出來的空行刪掉(記得刪最後一行空白
  5. 點選「Get Started」
  6. 設定儲存格內容,會影響內容的對齊方式
  7. 設定表格選項(修改產生含標題的列數
  8. 預覽表格並編輯
  9. 複製表格原始碼到網頁管理後台貼上原始碼

備註:

  • 不支援跨欄資料,請先把合併欄位改回單欄,且每個欄位都要有標題
  • 只支援純文字,超連結請到網頁管理後台手動加入
普通表格 響應式表格
display display