elementplus el-table设置表头overflow不换行

您可以通过以下方式来设置表头不换行：

.el-table__header th div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

其中，`white-space: nowrap` 表示不换行，`overflow: hidden` 表示超出部分隐藏，`text-overflow: ellipsis` 表示超出部分用省略号表示。

相关问题

el-table 表头不换行

如果你希望 `el-table` 的表头不换行，可以使用 CSS 样式来实现。具体做法如下：

1. 给表头单元格元素 `th` 添加 `white-space: nowrap;` 样式，这样表头单元格就不会自动换行。

2. 如果表头单元格内容超过单元格宽度，可以设置 `text-overflow: ellipsis;` 样式来显示省略号。

示例 CSS 代码如下：

.el-table__header th {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

这样就可以让 `el-table` 的表头不换行，并且超出部分显示省略号。

el-table中的el-table-column设置为不显示

可以通过设置`el-table-column`的`show-overflow-tooltip`属性为`false`来实现不显示。具体操作如下所示：

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

其中，`prop`属性表示该列对应数据的字段名，`label`属性表示该列的表头名称，`show-overflow-tooltip`属性表示是否显示单元格内容的 tooltip，将其设置为`false`即可实现不显示。