工具用的順手嗎？
你的回饋能幫助我們做得更好
視覺化拖拽產生HTML表格程式碼，支援合併單元格和樣式設定，一鍵複製程式碼。
支援 {row} 和 {col} 佔位符。
支援 1 到 20 行/列，超出範圍會自動修正。
| Header 1 | Header 2 | Header 3 | Header 4 | Header 5 |
|---|---|---|---|---|
| Row 1 Cell 1 | Row 1 Cell 2 | Row 1 Cell 3 | Row 1 Cell 4 | Row 1 Cell 5 |
| Row 2 Cell 1 | Row 2 Cell 2 | Row 2 Cell 3 | Row 2 Cell 4 | Row 2 Cell 5 |
| Row 3 Cell 1 | Row 3 Cell 2 | Row 3 Cell 3 | Row 3 Cell 4 | Row 3 Cell 5 |
| Row 4 Cell 1 | Row 4 Cell 2 | Row 4 Cell 3 | Row 4 Cell 4 | Row 4 Cell 5 |
| Row 5 Cell 1 | Row 5 Cell 2 | Row 5 Cell 3 | Row 5 Cell 4 | Row 5 Cell 5 |
| Row 6 Cell 1 | Row 6 Cell 2 | Row 6 Cell 3 | Row 6 Cell 4 | Row 6 Cell 5 |
概覽
了解工具能解決的問題、計算或處理邏輯，以及資料邊界。
這個工具依照你設定的列數、欄數與表頭，產生表格預覽和 HTML 程式碼。HTML 表格適合呈現彼此有列欄關係的資料，例如班表、課程安排或方案比較；<th> 可標示欄位標題，<td> 則放置每格內容。工具會建立表格骨架與範例文字，方便你開始編輯網頁，不會替你匯入試算表或建立完整網頁。
指南
依步驟完成操作，並透過範例核對輸入與結果。
先輸入列數和欄數，兩者範圍都是 1 至 20；超出範圍時會自動調整到界線內。表頭欄位可逐行輸入，也可用逗號分隔。每個表頭會對應一欄，未填的欄位會使用預設標題，因此請在預覽中確認標題順序與欄數一致。
選擇藍、綠、灰、橘、棕、黑或無色主題，並依需要開啟表頭、滑鼠移入列的醒目效果、範例內容、語意分組和精簡程式碼。範例內容模板支援 {row} 與 {col}，可用來標出第幾列與第幾欄；關閉範例內容後，資料格會留白。右側預覽會隨設定更新，程式碼區則提供可複製的結果。
設定列數、欄數與表頭文字。
選擇主題和需要的輸出選項，再檢查預覽。
複製 HTML，貼到自己的網頁或專案中，並替換範例文字。
例如要製作三欄的排班表，可把欄位標題設為「姓名、班別、日期」，開啟表頭後檢查三個標題是否依序出現，再複製程式碼並填入實際班表資料。若只需要結構範本，可關閉範例內容，避免把 Row 1 Cell 1 這類提示文字誤當成正式資料。
情境
查看這項工具在不同工作與生活流程中的用法。
先建立日期、時段、課程或人員等欄位，再把複製出的表格片段放進頁面，逐格補上正確內容。
需要展示 HTML 表格結構時，可快速取得含表頭與資料列的範本，作為教學示例或文件中的程式碼起點。
比較幾種方案的項目、條件與備註時，可先設定欄位和列數，再把結構貼入網站內容並填入已確認的資訊。
問答
集中解答常見疑問與容易混淆的問題。
不行。預覽依設定顯示表頭和範例文字，沒有逐格編輯資料的操作。複製程式碼後，請在目標網頁編輯器或程式專案中填入實際內容。
表頭依逗號或換行切分，再按欄數套用；缺少的標題會以預設名稱補上。請調整欄數或表頭文字，並以預覽核對每欄標題。
不是。輸出包含表格及其樣式片段，需放進已有的網頁內容中。貼上後請在實際網站確認樣式是否受既有 CSS 影響。
不會。精簡選項主要移除程式碼中的換行和多餘空白，讓標記較緊湊；表格結構和設定內容仍依目前選項產生。
須知
使用前了解適用範圍、結果限制與必要提醒。
輸出是供後續編輯的 HTML 表格片段，不保證符合每個網站的版面或樣式規則。欄數多或文字較長時，請在目標畫面尺寸檢查閱讀方式，必要時由網站端加入合適的版面處理。表格用於呈現資料關係，不建議拿來排列一般頁面區塊。若表格有多層或跨列欄的複雜標題，請另外確認標題與資料格的關聯清楚，並測試無障礙閱讀需求；僅有表格標記或語意分組選項，不代表已完成無障礙檢查。
推薦
查找相關工具、專題與可用的 API 能力。
