在 Element UI 中，表格的头部由 CSS 控制，不能直接修改。但是，你可以通过以下方法修改表头的样式：

1. 使用 <el-table-column> 标签创建列：

```html <el-table-column prop="name" label="姓名" header-cell-class="name-column"

```

1. 使用 CSS 为列设置样式：

css .name-column { width: 100%; padding: 8px 0; }

1. 在需要显示字段值的行的 JavaScript 中，获取并设置列的样式：

```javascript // 获取需要显示的行 let row = this.$data[rowIndex];

// 获取列的样式 const nameColumnStyle = row.nameColumn || {};

// 根据列的样式，设置列的值 nameColumnStyle.width = '100%'; nameColumnStyle.padding = '8px 0';

// 设置行的样式 row.style.nameColumn = nameColumnStyle; ```

注意，这里使用了 || {} 来创建一个默认的 name-column 样式。这个样式会覆盖所有的 name-column 样式，所以如果需要在默认情况下使用，可以使用 nameColumn。