el-table组件中设置show-overflow-tooltip 抖动如何修改

根据提供的引用内容，el-table组件中设置show-overflow-tooltip属性会导致抖动问题。解决这个问题的方法是在.el-table__body-wrapper元素上添加样式overflow:hidden。具体实现方法如下所示：

.el-table__body-wrapper {
  overflow: hidden;
}

相关问题

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` 属性设置宽度，可以使用 `tooltip-content` 属性。具体来说，你需要自定义一个插槽，并在插槽中创建一个带有指定宽度的元素，例如一个 `<div>` 标签。然后，将这个元素作为 `tooltip-content` 属性的值传递给 `el-table-column` 组件，如下所示：

<el-table :data="tableData">
  <el-table-column prop="name" label="Name" show-overflow-tooltip>
    <template slot="tooltip" slot-scope="{ row }">
      <div style="width: 200px">{{ row.name }}</div>
    </template>
  </el-table-column>
  <!-- 其他列 -->
</el-table>

在上面的示例中，我们为 `el-table-column` 组件的 `tooltip` 插槽创建了一个 `div` 元素，并将其宽度设置为 `200px`。然后，我们将这个元素作为 `tooltip-content` 属性的值传递给 `el-table-column` 组件，以达到为 `show-overflow-tooltip` 属性设置宽度的目的。