Vue 3 中 Ant Design Vue 如何自定义表格 Table 的表头(列头)内容?

1.使用场景

项目用到的是 Ant Design Vue (2.2.8) 组件库,开发中遇到一个如下图的表格,有些表头文本后面会有一些自定义图标,鼠标移入图标时显示对应的审批时间提示。当前列如果没有审批时间就会隐藏图标,只展示列头文本。
Vue 3 中 Ant Design Vue 如何自定义表格 Table 的表头(列头)内容?_第1张图片

2.解决方案

使用 Ant Design Vue 基础的 Table 组件是无法满足这个场景的,所以需要自定义表头的内容,这里就要用到定义表格列时的一个属性—— slots:{title: '自定义表头插槽名'},再结合模板