antVue只设置表头超出显示省略号
原创
©著作权归作者所有:来自51CTO博客作者未来音律的原创作品,请联系作者获取转载授权,否则将追究法律责任
<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;
}
显示效果: