iview table組件內容過多用“...”代替，鼠標懸停顯示全部內容

解決方案：

render時添加title屬性

效果展示：

代碼展示：

 

{
          title: '地域',
          key: 'area',
          width: 100,
          align: 'center',
          render: (h, params) => {
              return h('div', [
                  h('span', {
                      style: {
                          display: 'inline-block',
                          width: '100%',
                          overflow: 'hidden',
                          textOverflow: 'ellipsis',
                          whiteSpace: 'nowrap'
                      },
                      domProps: {
                          title: params.row.area
                      }
                  }, params.row.area)
              ])
          }
      }