element 表格表头

在Element UI中，表格的表头样式可以通过`header-cell-style`属性来定制。你可以设置每个单元格的背景色、字体颜色、高度以及文本对齐方式，比如这样：

<el-table :header-cell-style="{ background: '#409EFF', color: 'white', line-height: '50px', text-align: 'center' }">
  <!-- table columns -->
</el-table>

`header-row-style`属性则用于设置整个表头行的样式，理论上它可以用来调整行高，但在实践中，它的功能似乎与`header-cell-style`有些重叠，因为正如你所说，它主要用于设置行高，而其他样式如背景色、字体颜色等也可以通过`header-cell-style`实现。如果你只想要单独控制表头行的高度，可以这样做：

<el-table :header-row-style="{ 'line-height': '150px' }">
  <!-- table columns -->
</el-table>

总结来说，`header-cell-style`更适合精细地定制单个单元格的样式，而`header-row-style`主要针对表头行整体的高度调整。如果两者都能达到同样的效果，可能是因为设计上的灵活性。