el-table中的show-overflow-tooltip不生效

您好，关于el-table中的show-overflow-tooltip不生效的问题，可能有以下几种原因：

1. 您没有正确地添加了el-tooltip组件：如果您没有添加el-tooltip组件，那么show-overflow-tooltip就无法生效。
2. show-overflow-tooltip属性被覆盖或者被设置为了false：当show-overflow-tooltip属性被设置为false时，就无法正常显示tooltip。
3. 需要加上content-style属性：在el-tooltip组件中，需要设置content-style属性，才能正常显示tooltip。
4. 在table-column组件中添加tooltip-effect属性：如果您没有在table-column组件中添加tooltip-effect属性，那么tooltip也无法正常显示。

希望这些解决方法可以帮助到您！如果还有其他问题，请随时与我交流。

相关问题

el-table组件中设置show-overflow-tooltip属性

在el-table组件中，show-overflow-tooltip属性用于控制当单元格内容过长时是否显示tooltip提示。默认情况下，当单元格内容过长时，会自动隐藏多余的内容，而show-overflow-tooltip属性可以让多余的内容以tooltip的形式展示出来。

以下是在el-table组件中设置show-overflow-tooltip属性的示例代码：

<el-table
  :data="tableData"
  style="width: 100%">
  <el-table-column
    prop="name"
    label="姓名"
    show-overflow-tooltip>
  </el-table-column>
  <el-table-column
    prop="age"
    label="年龄">
  </el-table-column>
</el-table>

在上述代码中，el-table-column组件的show-overflow-tooltip属性被设置为true，这意味着当该列单元格内容过长时，会以tooltip的形式展示多余的内容。

怎么修改el-table中show-overflow-tooltip样式

你可以通过以下步骤来修改el-table中show-overflow-tooltip的样式：

1. 首先，你可以在表格列的<el-table-column>标签中添加prop属性和label属性，例如：prop="description"和label="描述"。

2. 接下来，你可以添加show-overflow-tooltip属性，并将其设置为true，这样当描述列的内容过长时，将会显示tooltip来展示全部内容，例如：:show-overflow-tooltip="true"。

3. 如果你想进一步自定义样式，你可以使用el-popover组件来替换show-overflow-tooltip。你可以在表格列的<el-table-column>标签中使用<el-popover>组件，例如：prop="shareContent"和label="分享内容"。

4. 在<el-popover>中，你可以使用slot-scope来获取每一行的数据，并在template中进行样式的自定义。你可以使用placement属性来设置popover的显示位置，例如：placement="bottom"。

5. 你可以在template的<div class="set-popper">中设置popover内容的样式，例如：width: 500px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 12; -webkit-box-orient: vertical;。

6. 同样地，你可以在<div slot="reference" class="set-content">中设置表格内容的样式，例如：cursor: default; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;。

通过以上步骤，你可以修改el-table中show-overflow-tooltip的样式。你可以根据需要选择使用show-overflow-tooltip或者el-popover来满足你的需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [elementui中的el-table 中show-overflow-tooltip自定义样式](https://blog.csdn.net/weixin_49203377/article/details/128867984)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [el-table的show-overflow-tooltip内容过多，自定义样式](https://blog.csdn.net/qq_35516011/article/details/129612054)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]