
上一篇《VUE 表格元件進階-排序》有提到把表格做成公用的子元件,子元件本身有排序的功能,在這一篇我要加上分頁的功能,把分頁元件當成表格元件的子元件,如此一個表格元件的功能才算完整。

身為一個前端工程師常常會遇到處理表格的問題,SA 開出來的需求大概就是排序、一頁顯示幾筆資料及分頁等功能。這裡我先筆記一下,如何達成排序的功能。

古早古早以前,要排出一個美觀的網頁必須使用 table 標籤,利用表格合併欄位的方式,把圖片跟文字放在想放的位置,但是 CSS 橫空出世之後,網頁排版變得靈活許多,table標籤就回歸它原本的用途,真的就只是拿來排表格。剛好最近切版,有許多表格元件,就來重新溫習一下 table 的使用方法。

前端工程師的日常免不了要接 API 的資料回來列表,有條理地呈現資料,讓我來整理一下資料列表常用的技巧。