el-table表头自动换行

在使用Element UI库中的el-table组件时，如果表头内容较长需要自动换行显示，可以使用`show-overflow-tooltip`属性来实现这一效果。这个属性允许表头在内容超出单元格宽度时，自动显示一个带有完整文本内容的提示框（tooltip）。

具体使用方法如下：

1. 给`el-table`标签添加`show-overflow-tooltip`属性。
2. 在`el-table-column`中定义你的表头，确保表头内容是需要换行显示的文本。

示例代码如下：

<el-table :data="tableData" show-overflow-tooltip>
  <el-table-column prop="date" label="日期" width="180"></el-table-column>
  <el-table-column prop="name" label="姓名" width="180"></el-table-column>
  <el-table-column prop="address" label="地址" width="300">
    <template slot-scope="scope">
      <!-- 如果表头内容是自定义的内容，也可以在这里包裹一层 -->
      <div>{{ scope.row.address }}</div>
    </template>
  </el-table-column>
</el-table>

在上面的代码中，`el-table-column`的`label`属性定义了表头的文本。如果你的表头文本是静态的，那么直接在`label`属性中写入即可。如果是动态的，你可以通过插槽（slot）来自定义表头内容。