ElementUi的el-table-column自动化换行及鼠标悬浮

需求：el-table-column需要展示两行文字，超出部分用省略号代替，鼠标悬浮时可显示完整信息。

ElementUi的el-table-column有一个属性是show-overflow-tooltip，当内容过长被隐藏时显示 tooltip，但是设置这个属性以后，内容只会在一行内展示，与需求不符

实现方案如下：

          <el-table-column label="test" width="90" prop="test" align="center">
            <template slot-scope="scope">
                <el-popover placement="top-start"
                    width="200"
                    trigger="hover"
                    transition
                    :content="scope.row.summary">
                  <div slot="reference" class="twoLineCls">{{scope.row.test}}</div>
                </el-popover>
            </template>
        </el-table-column>

.twoLineCls{
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

成功完成需求