show-tooltip-when-overflow

show-tooltip-when-overflow是一个element-ui表格组件的属性，用于在单元格内容溢出时显示tooltip。可以通过以下两种方式实现：

1.在el-table-column中设置show-overflow-tooltip属性为true，例如：

<el-table-column prop="name" label="姓名" show-overflow-tooltip></el-table-column>

2.使用scoped slot自定义单元格内容，并在单元格元素上添加v-tooltip指令，例如：

<el-table-column label="地址">
  <template slot-scope="scope">
    <div v-tooltip="{ content: scope.row.address }">{{ scope.row.address }}</div>
  </template>
</el-table-column>

相关问题

show-overflow-tooltip和show-tooltip-when-overflow的区别

根据提供的引用内容，show-overflow-tooltip和show-tooltip-when-overflow都是用于处理内容溢出的情况，但它们之间有一些区别。

show-overflow-tooltip是一个属性，用于在内容溢出时以tooltip的形式显示文本。它可以让文字以tooltip的形式显示，从而避免了内容溢出的问题。当表格写定了宽度而内容又很多导致换行不美观时，可以使用show-overflow-tooltip属性来解决这个问题。

show-tooltip-when-overflow是一个方法，用于在内容溢出时显示tooltip。它可以在内容溢出时显示tooltip，从而避免了内容溢出的问题。当元素的内容超出了其容器的大小时，可以使用show-tooltip-when-overflow方法来解决这个问题。

因此，show-overflow-tooltip和show-tooltip-when-overflow都是用于处理内容溢出的情况，但它们之间的区别在于show-overflow-tooltip是一个属性，而show-tooltip-when-overflow是一个方法。

show-tooltip-when-overflow 和show-tooltip-overflow 的区别

show-tooltip-when-overflow和show-tooltip-overflow都是用于处理表格内容过多导致换行不美观的情况，但它们的作用略有不同。
- show-tooltip-when-overflow属性作用于表格中的单元格，当单元格内容超出单元格宽度时，会以tooltip的形式显示单元格内容，从而避免了内容换行导致的不美观问题。
- show-tooltip-overflow属性作用于表格中的列，当列中的单元格内容超出列宽度时，会以tooltip的形式显示该列的所有单元格内容，从而避免了内容换行导致的不美观问题。

<<示例>>

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Address</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td show-tooltip-when-overflow>Name1</td>
      <td show-tooltip-when-overflow>Age1</td>
      <td show-tooltip-when-overflow>Address1</td>
    </tr>
    <tr>
      <td show-tooltip-when-overflow>Name2</td>
      <td show-tooltip-when-overflow>Age2</td>
      <td show-tooltip-when-overflow>Address2</td>
    </tr>
  </tbody>
</table>

<table>
  <thead>
    <tr>
      <th show-tooltip-overflow>Name</th>
      <th show-tooltip-overflow>Age</th>
      <th show-tooltip-overflow>Address</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Name1</td>
      <td>Age1</td>
      <td>Address1</td>
    </tr>
    <tr>
      <td>Name2</td>
      <td>Age2</td>
      <td>Address2</td>
    </tr>
  </tbody>
</table>