[筆記] Element-UI 的自定義表格邊框樣式

Element UI 的表格算是非常常用的模組化套件之一,不過其表格邊框樣試算是非常難以處理的。這邊筆記一下如何客製化的一些步驟(頓時覺得辦公室文書軟體要自定義樣式簡單多了)。
element ui ElementUI


需求

這回的樣式需求如下:
1. 表格(Table)的表頭(Header),不要有框線且最左上角的欄位要空白。
2. 表頭的每一個項目要置中,且文字前面要附上圖示。
3. 資料欄位中,除了項目以外,每個欄位內要塞入兩個值,且保持適當間距
element-ui-customized-table demo

程式碼


參考資料

element-ui 自定义table表格样式

按讚加入粉絲團

延伸閱讀