antdesign中如何设置表格单元格居中？

Question

用了antdesign中表格，想要居中显示内容。下面是我的文件目录：

在Query.js中 import s from './Query.css'

下面分别是样式代码和columns配置：

//  Query.css
.column-money {
  text-align: center;
}

//  Query.js
const columns = [{
  title: '设备编号',
  dataIndex: 'deviceId',
  key: 'deviceId',
  className: 'column-money',
},{

这个样式应该怎么写才会生效？

Answer 1

API支持内容居中

align 设置列内容的对齐方式 'left' | 'right' | 'center' 'left'

Answer 2

在query.js中引入css就好了，写法没问题
import './query.css' // query.css 和 query.js同目录