在實際項目開發中，我們經常會用到各種各樣的表格，比如在表格中填加下拉菜單，按鈕，圖標及可以根據狀態顯示對應文字等等，因為這段時間一直在做后台管理系統，所以表格用的就比較多，當然UI組件庫我用的是iview,PRD(原型圖)上的表格要求要可以判斷多個狀態及在表頭上添加圖標，在網上搜了一段時間發現比較少，所以寫好之后就想着分享出來給有需要的人參考參考，例如下面這種表頭帶圖標的：
這種表格相信大家都會覺得在iview里有，，實際上是沒有的，而且可能也會有人覺得通過iview的render函數就是添加，但是這只是想對了一半，對於iview表格組件的tbody部分確實是可以通過render函數來進行修改，但是僅僅是針對tbody部分，對於表頭則是通過renderheader進行一個修改，具體代碼如下：
接下來就是關於iview表格多個狀態的判斷，，一般情況下，我們只需要對兩個狀態進行判斷，所以用簡單的三目運算符就可以實現，但有時候可能會有多個狀態，比如我這次的項目，基本都是五個狀態，處理起來稍微麻煩一點，不過最終我還是寫出來了，分享一下：
這里面的status是后台傳給你的狀態，到自己的項目對號入座就行了，然后是格外用了一個iview的Tag標簽，美觀一點，，哈哈，，效果如下：
在使用iview表格的時候還有一個問題需要注意，就是關於表格列寬自適應的問題，如果不是特別要求，建議不要給每一列設置寬度，這樣反而會導致表格在大屏或者小屏幕下出來空白的情況，所以建議是不要設置固定寬度，就這樣，希望可以幫到有需要的人，共勉！！！