iview組件的Table表格的內容過多時，顯示title提示

在iview的Table表格中，若是數據超出當前列的寬度，多餘的部分會折行顯示，使得該行的高度增長。爲了實現*iview

文本將不換行，超出部分顯示爲省略號dom

的效果，iview提供了表頭屬性ellipsis。然而這個屬性卻有一個弊端，就是顯示爲省略號的部分對用戶來講是不可見的，很是影響體驗，並且在iview文檔中，做者並未給出任何解決辦法。
最簡單的解決辦法是給相關數據增長title屬性，使得鼠標移入時能夠顯示所有信息。在SegmentFault上找到了相關代碼spa

要在column中的--表格列的配置--描述添加
注意area的值，後面也要相應對應是area的值，不然找不到data中的area的值，就會報錯。blog

render: (h, params) => {ip

           return h('div', [文檔

                     h('span', {it

                              style: {class

                                       display: 'inline-block',配置

                                        width: '100%',im

                                        overflow: 'hidden',

                                        textOverflow: 'ellipsis',

                                        whiteSpace: 'nowrap'

                               },

                               domProps: {

                                         title: params.row.courseName

                               }

                       }, params.row.courseName)

         ])

}

做者：曼珠沙華_521b 連接：https://www.jianshu.com/p/23152ef738bf 來源：簡書 簡書著做權歸做者全部，任何形式的轉載都請聯繫做者得到受權並註明出處。