<a-table bordered 
:data-source="data3"
:columns="columns3"
:pagination="pagination3"
:loading="loading3"
:scroll="{ x: 400, y: 480 }"
size="small"
align="center"
>
</a-table>
columns3:[
{

title: '任务英文名',
dataIndex: 'task_NAME',
align: 'center',
className:'tb1Head'
},
{
title: '任务中文名',
dataIndex: 'task_CN_NAME',
align: 'center',
className:'tb1Head'
}
]
.tb1Head .ant-table-column-title {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

显示效果:

antVue只设置表头超出显示省略号_vue.js