在實際專案開發中，我們經常會用到各種各樣的表格，比如在表格中填加下拉選單，按鈕，圖示及可以根據狀態顯示對應文字等等，因為這段時間一直在做後臺管理系統，所以表格用的就比較多，當然UI元件庫我用的是iview,PRD(原型圖)上的表格要求要可以判斷多個狀態及在表頭上新增圖示，在網上搜了一段時間發現比較少，所以寫好之後就想著分享出來給有需要的人蔘考參考，例如下面這種表頭帶圖示的：

這種表格相信大家都會覺得在iview裡有，，實際上是沒有的，而且可能也會有人覺得通過iview的render函式就是新增，但是這只是想對了一半，對於iview表格元件的tbody部分確實是可以通過render函式來進行修改，但是僅僅是針對tbody部分，對於表頭則是通過renderheader進行一個修改，具體程式碼如下：

接下來就是關於iview表格多個狀態的判斷，，一般情況下，我們只需要對兩個狀態進行判斷，所以用簡單的三目運算子就可以實現，但有時候可能會有多個狀態，比如我這次的專案，基本都是五個狀態，處理起來稍微麻煩一點，不過最終我還是寫出來了，分享一下：

這裡面的status是後臺傳給你的狀態，到自己的專案對號入座就行了，然後是格外用了一個iview的Tag標籤，美觀一點，，哈哈，，效果如下：

在使用iview表格的時候還有一個問題需要注意，就是關於表格列寬自適應的問題，如果不是特別要求，建議不要給每一列設定寬度，這樣反而會導致表格在大屏或者小螢幕下出來空白的情況，所以建議是不要設定固定寬度，就這樣，希望可以幫到有需要的人，共勉！！！