Ant Design Vue （3.2.0）table组件：修改表头样式_ant design vue 自定义table表头

一、在columns的配置里面，给需要配置的列头添加customHeaderCell属性。
示例1：

<a-table :columns="columns" 
……
const columns = [
{
        title: 'Contact',
        dataIndex: 'name',
        width: 300,
        align: 'left',
        customHeaderCell: () => ({ style: { paddingLeft: '68px' } }),
    },
……
1
2
3
4
5
6
7
8
9
10
11

二、设置自定义column名称
示例1：

<a-table :columns="yourName"
……
import type { TableColumn } from '@/typing';
……
const yourName: TableColumn[] = [
    {
     	title: 'Contact',
        dataIndex: 'name',
        ……
        },
];
1
2
3
4
5
6
7
8
9
10
11