我是antd 2.2.8版本

如果你使用的是 antd 2.2.8 版本，可以试试以下写法：

1. 在 `columns` 中，对需要设置颜色的标题设置 `title` 属性为 `ReactNode` 类型，例如：

{
  title: <span style={{ color: 'red' }}>姓名</span>,
  dataIndex: 'name',
},
{
  title: <span style={{ color: 'blue' }}>年龄</span>,
  dataIndex: 'age',
},

2. 在表格组件中，设置 `useFixedHeader` 属性为 `true`，并在 `components` 中自定义 `TableHeader` 组件，例如：

const TableHeader = (props) => {
  const { columns } = props;
  const ths = columns.map((column) => {
    const { key, dataIndex, title } = column;
    return (
      <th key={key}>
        <div className="ant-table-cell">
          {title}
        </div>
      </th>
    );
  });
  return (
    <thead className="ant-table-thead">
      <tr>{ths}</tr>
    </thead>
  );
};

<Table
  columns={columns}
  dataSource={dataSource}
  useFixedHeader={true}
  components={{
    header: {
      wrapper: <TableHeader />
    },
  }}
/>

这里定义了一个名为 `TableHeader` 的组件，用于自定义表格标题的渲染方式。在组件中，使用 `columns.map` 方法遍历 `columns` 数组，然后分别渲染每个标题。在标题渲染时，直接使用 `title` 属性即可。

这种方法可以灵活地根据需要设置不同颜色的标题，并且适用于 antd 2.2.8 版本。需要注意的是，由于 antd 2.2.8 版本的表格组件不支持自定义 `headerTitleRenderer` 属性，因此需要使用以上方法来实现标题颜色的设置。