如何更改antd design 里面table表头的背景颜色？

Question

const columns = [{
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
    render: (text) => <a href="#">{text}</a>,
  }, {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
    sorter: (a, b) => a.age - b.age,
  }, {
    title: '住址',
    dataIndex: 'address',
    key: 'address',
  }, {
    title: '操作',
    key: 'operation',
    render: (text, record) => (
      <p>
        <UserModal record={record} onOk={editHandler.bind(null, record.id)}>
          <a>编辑</a>
        </UserModal>
        <span className="ant-divider" />
        <Popconfirm title="确定要删除吗？" onConfirm={deleteHandler.bind(null, record.id)} >
          <a>删除</a>
        </Popconfirm>
      </p>
    ),
  }];

  const pagination = {
    pageSize: 4,
  };
  return (
    <div>
      <UserModal record={{}} onOk={createHandler}>
        <Button type="primary">Create User</Button>
      </UserModal>
      <Table
        columns={columns}
        dataSource={dataSource}
        loading={loading}
        rowKey={record => record.id}
        pagination={pagination}
      />
    </div>

我现在要给我的 title 栏改为背景为蓝色，字体为白色的，应该怎么修改呢？

Answer 1

Answer 2

楼主最终怎么解决的?求解答