通過iview官網進行行背景色設定：
table props:
row-key
="id"
:columns
="columns"
:data
="datalist"
:row-class-name
="rowclassname"
@on-row-click
="onrowclick"
>
rowclassname
(row, index)
else
if(row.children)
return''}
onrowclick
(row, index)
.ivu-table /deep/ .table-select-row td
.ivu-table /deep/ .table-parent-row td
table 標籤的row-class-name 設定的樣式和index序號有關！這是iview上table 的乙個對於樹形資料bug。
如圖中，第三行應有背景色，結果所有子節點index為3的資料也都是這個背景色。
解決方案：
選中行背景色：不同row-class-name屬性去設定，通過高亮選中行屬性（highlight-row）去設定。
.ivu-table /deep/ .ivu-table-row-highlight td
{background-color
: #8ce2cd !important
;
獲取iview中表單元件Table的選中資料
背景 在做某系統的審批中心時，新增了審批訊息一鍵已讀和刪除功能，用iview的表單元件 table實現訊息列表展示，效果如下圖所示 在實現一鍵已讀或一鍵刪除時需要獲取當前訊息列表中所有選中項，通過與服務端api互動來改變訊息狀態或刪除訊息。iview官方文件僅提供單選 全選或者選中項發生變化時的監聽...
吐槽！iview的table元件
為什麼要吐槽iview的table元件呢？首先iview的table的使用體驗十分的不友好，每次修改資料都會重刷整個 效能極差，因為重刷 會導致自動失焦等問題！vue不是有diff演算法嗎？重刷 資料沒有發生變化部分是不會重新渲染的，效能為什麼會差呢？是的，diff演算法是可以優化vnode的渲染問...
iview中table的title自定義換行
iview專案中遇到這類問題，table的title過長，如果自動換行，顯示效果不佳。於是經查詢，找到解決方案。table的column中會有type屬性，列型別，可選值為 index selection expand html。換行肯定會使用 所以type肯定為html，才能識別 又在網上找到re...