element ui 中在el-table内，当内容超过多少行时，显示el-tooltip

在Element UI的el-table组件中，当单元格内容超过一定长度时显示el-tooltip提示，可以通过el-tooltip组件配合el-table-column的render-header属性来实现。

以下是一个简单的示例代码：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column
      prop="date"
      label="日期"
      width="180"
      show-overflow-tooltip>
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180"
      show-overflow-tooltip>
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址"
      width="300"
      show-overflow-tooltip>
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路1518号上海市普陀区金沙江路1518号上海市普陀区金沙江路1518号'
      }, {
        date: '2016-05-04',
        name: '张小刚',
        address: '上海市普陀区金沙江路1517号'
      }, {
        date: '2016-05-01',
        name: '李小红',
        address: '上海市普陀区金沙江路1519号'
      }]
    }
  }
}
</script>

在这个例子中，show-overflow-tooltip属性被添加到每一个el-table-column中，这样当单元格内容超出列宽时，就会自动显示el-tooltip。

注意：el-table的show-header-overflow-tooltip属性可以用来设置表头的tooltip，但它在某些版本的Element UI中可能不起作用，你可以通过render-header属性自定义表头工具提示。