element ui table中怎么设置字体

你可以通过设置 `element-ui` 中 `Table` 组件的 `cell-style` 属性来设置单元格的样式，包括字体。具体的做法如下：

1. 在你的 `Table` 组件中添加 `cell-style` 属性，值为一个函数，该函数接收两个参数：当前单元格的值和当前单元格的行数据。例如：

<el-table :data="tableData" :cell-style="cellStyle">

2. 在你的 `methods` 中添加一个 `cellStyle` 函数，该函数根据你的需求返回一个包含样式的对象。例如：

methods: {
  cellStyle({ row, column, rowIndex, columnIndex }, value) {
    return {
      'font-size': '14px', // 设置字体大小为14px
      'font-family': 'Arial', // 设置字体为Arial
      // 更多样式属性...
    };
  },
}

3. 最后，你需要使用 `cell-class-name` 属性来设置单元格的类名，这样你才能在 CSS 中针对该类名来设置样式。例如：

<el-table :data="tableData" :cell-style="cellStyle" :cell-class-name="cellClassName">

methods: {
  cellStyle({ row, column, rowIndex, columnIndex }, value) {
    return {
      'font-size': '14px', // 设置字体大小为14px
      'font-family': 'Arial', // 设置字体为Arial
      // 更多样式属性...
    };
  },
  cellClassName({ row, column, rowIndex, columnIndex }) {
    return 'my-cell-class'; // 返回单元格的类名
  },
}

4. 在 CSS 中设置类名为 `my-cell-class` 的样式。例如：

.my-cell-class {
  color: #333;
  font-weight: bold;
  // 更多样式属性...
}

这样，你就可以通过 `cell-style` 和 `cell-class-name` 来设置 `Table` 组件中单元格的字体和其他样式了。