日常开发记录-el-table-column省略号被隐藏

问题：鼠标放在表格的列除，可以出现tooltip但是表格中的文字没有省略号...

错误效果图：

 导致问题的原因：template中的需要使用span标签而不是div标签

错误代码展示：

<el-table-column prop="type" label="指标" width="180" show-overflow-tooltip>
      <template slot-scope="scope">
        <div>{{scope.row.type}}</div> <!-- div标签错误 -->
      </template>
    </el-table-column>

 

正确效果图：

 正确代码展示：

<el-table-column prop="type" label="指标" width="180" show-overflow-tooltip>
      <template slot-scope="scope">
        <span>{{scope.row.type}}</span> <!-- span标签正确 -->
      </template>
    </el-table-column>