antdesign中table设置表头居中，内容居右

在Ant Design库（AntD）中，Table组件默认的样式通常是标题居左、列宽自适应。如果你想要将表头文字居中显示并且内容（数据单元格）居右对齐，你可以通过CSS覆盖默认样式或者直接在`columns`配置项中添加额外的`formatter`和`cellStyle`。

这里是一个简单的例子：

import { Table } from 'antd';
import 'antd/dist/antd.css'; // 需要先导入Ant Design CSS

const columns = [
  {
    title: '标题', // 表头文本
    dataIndex: 'dataIndex', // 数据字段
    key: 'key', // 数据唯一标识
    // 添加样式
    cell: ({ record }) => (
      <div style={{ text-align: 'right' }}>内容：{record.content}</div>
    ),
    // 或者使用formatter函数
    formatter: (value) => `内容：${value}`,
    // 标题样式设置
    titleCell: {
      textAlign: 'center',
    },
  },
  ...其他列
];

const data = [
  // 表格数据
];

ReactDOM.render(<Table columns={columns} dataSource={data} />, mountNode);

在这个例子中，`titleCell`属性用于设置表头的文本样式，而`cell`或`formatter`则控制每个单元格的内容样式。