內容展示詞條 2-25

表格Table

也常叫做:資料表、Table

你可能會這樣說

訂單的金額、編號與狀態照欄位列排得整整齊齊,還能按標題排序——資料一多,就會想要表格。

白話解釋

表格是用欄和列整齊呈現大量資料的元件:「橫的一列」是一筆資料、「直的一欄」是一種欄位,跟試算表一樣直覺。

網頁表格最常撞上兩個問題:手機螢幕太窄、資料太多頁面太長,對應的解法是橫向捲動和分頁器。

跟 AI 描述時把欄位名稱列出來,並說明要不要排序和篩選,成品會貼近你要的樣子。

親手試試

日期編號金額狀態
09/21A1024$1,280已出貨
09/22A1025$3,690處理中
09/23A1026$860已取消
欄位標題能點排序,金額靠右對齊好比價。
日期編號金額狀態
09/21A1024$1,280已出貨
09/22A1025$3,690處理中
螢幕窄的時候整張表左右捲動,不要把欄位擠到變形。

表格適合一格一格比的資料;要說故事的內容,改用清單更輕鬆。

圖 2-29 欄列對齊、金額靠右、手機可橫捲——表格的基本教養。

這樣對 AI 說

中文就可以
做一張訂單表格,欄位有日期、編號、品項、金額、狀態。
點欄位標題能照該欄排序,再點一次換方向。
寬度不夠時允許左右捲動,金額和日期靠右對齊。
超過二十筆就分頁,每頁固定二十筆。

同一課的其他詞