el-table表头字体加粗

要在el-table表头中设置字体加粗，可以使用CSS样式来实现。你可以通过以下步骤来实现：

1. 在el-table组件中，找到表头所在的<el-table-column>标签。
2. 在该标签上添加一个自定义的class属性，比如"bold-header"。
3. 在你的CSS文件或者style标签中，添加以下样式规则：

.bold-header .cell {
  font-weight: bold;
}

这样，所有使用了"bold-header"类的表头单元格都会应用加粗的字体样式。

相关问题

el-table里字体加粗

可以通过在CSS中设置`.el-table__footer-wrapper .cell`的`font-weight`属性为`600`来使`el-table`中的字体加粗。具体实现方法如下所示：

.v-deep .el-table .el-table__footer-wrapper .cell {
  font-weight: 600;
  color: #000;
}

另外，如果想要在`el-table`中设置表头的字体加粗，可以通过在`el-table`的`column`中设置`headerStyle`属性来实现。具体实现方法如下所示：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名" :header-style="tableHeaderColor"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
</el-table>

methods: {
  tableHeaderColor({ row, column, rowIndex, columnIndex }) {
    if (rowIndex === 0) {
      return 'background-color: #FAFAFA;color:black;font-size:13px;font-weight: 500;text-align:center'
    }
  },
}

修改el-table表头样式

您可以使用`header-row-class-name`属性来设置表头行的类名，然后使用CSS样式来修改表头的样式。例如：

<template>
  <el-table :data="tableData" :header-row-class-name="'my-header-row'">
    <el-table-column prop="date" label="日期"></el-table-column>
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

<style>
.my-header-row {
  background-color: #f2f2f2;
  font-weight: bold;
}
</style>

在上面的例子中，我们给表格的`header-row-class-name`属性设置了`'my-header-row'`类名，然后在样式中使用了这个类名来修改表头的样式。在这个例子中，我们将表头的背景颜色设置为灰色，并将字体加粗。