antd 表格 字体加粗 dataSource

如果需要针对某一行或某个单元格增加字体加粗的样式，可以通过自定义表格的 `rowClassName` 或 `render` 属性来实现。具体步骤如下：

1. 在表格组件中设置 `rowClassName` 或 `render` 属性。
2. 在 `rowClassName` 或 `render` 中，根据数据源中的字段值或其他条件，判断需要增加字体加粗的行或单元格，并设置相应的类名或样式。

示例代码如下：

const dataSource = [
  {
    key: '1',
    name: '张三',
    age: 18,
    address: '北京市',
    isBold: true, // 判断是否需要增加字体加粗的标识
  },
  {
    key: '2',
    name: '李四',
    age: 20,
    address: '上海市',
    isBold: false,
  },
];

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    render: (text, record) => {
      // 判断是否需要增加字体加粗的条件
      if (record.isBold) {
        return <span style={{ fontWeight: 'bold' }}>{text}</span>;
      }
      return text;
    },
  },
  {
    title: '地址',
    dataIndex: 'address',
  },
];

<Table
  dataSource={dataSource}
  columns={columns}
  rowClassName={(record, index) => {
    // 判断是否需要增加字体加粗的条件
    if (record.isBold) {
      return 'bold-row'; // 返回需要增加的类名
    }
    return '';
  }}
/>

在上述代码中，`isBold` 字段用来判断是否需要增加字体加粗的标识。对于需要增加字体加粗的单元格，可以在 `render` 属性中直接设置样式，或者在 `rowClassName` 属性中设置类名。在 CSS 文件中，可以定义相应的样式。

注意：在使用自定义类名或样式时，需要注意与 antd 的默认样式的冲突问题。可以通过设置 `!important` 来覆盖默认样式。例如：

.bold-row {
  font-weight: bold !important;
}