const columns1 = [
{
dataIndex: 'deviceName',
title: '设备名称',
width: '150px',
},
{
dataIndex: 'power',
title: '功率',
customHeaderCell: () => ({
style: {
textAlign: 'center', //头部单元格水平居中
},
}),
},
{
dataIndex: 'charge',
title: '充电量',
align: 'center', //头部单元格和内容区水平居中
}
]
Antd Table组件的头部单元格水平居中,列居中
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 最终效果如下图 主要难点在于左侧模拟的表头,需要自己合并,用到的是rowSpan属性。 数据: 组件:
- 说明 表格内内嵌相关的组件标签一般是刚需的需求,如官网示例中的表格内内嵌Button的示例。 但是有些时候我们需要...
- 在项目中,有时候需要实现单元格合并的需求,这里记录一下在Ant Design Vue的实现 查看官方文档合并单元格...
- 一、功能 1、合并行2、循环列 备注:数组第一层某些字段公用(depart_id,depart_name)、tea...