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...