antdesign中table设置公共样式让表头居中

在Ant Design中，如果你想要让Table组件的表头居中显示，可以利用`columns`属性中的`header`部分，结合CSS自定义样式来实现。首先，确保你已经在全局或者你的组件的样式文件中设置了`.ant-table th` 的样式，例如：

.ant-table th {
  text-align: center; /* 这里设置表头文字居中 */
}

然后，在你的Table组件中，你可以这样配置列（column）：

import { Table } from 'antd';

const columns = [
  {
    title: '标题', // 或者使用变量、函数等动态内容
    dataIndex: 'dataIndex', // 数据字段名
    key: 'key', // 数据键
    headerStyle: { // 设置单独的表头样式
      textAlign: 'center',
    },
  },
  // 其他列...
];

const table = (
  <Table columns={columns} dataSource={yourData} /> // yourData是你表格的数据源
);

// 将table添加到页面上

这样，表头的文字就会按照CSS设置的方式居中对齐了。如果需要针对不同情况有不同的样式，可以在`headerStyle`中更细粒度地控制。