Ant Design of Vue 之table表格實現頭部自定圖標

背景

vue項目要基於ant vue 組件庫，實現如下如效果。

實現過程

主要通過scopedSlots或者slots配置自定義頭部，具體看代碼：

<a-table :columns="tableColumn" :data-source="tableData">
	<span slot="customName">
     <img src="../../assets/images/1.png" alt="">//我這邊是導入圖片，也放入svg，或者自定義icon
				區分
  </span>
</a-table>
------------------------------------------------------------------------------------------
const tableColumn = [{
		//一定要去掉title,要不然無法實現自定義樣式
		dataIndex: 'name',
		key: 'name',
		align: 'center',
		slots: { title: 'customName'},//或者scopedSlots: { title: 'customEle' },
}]

參考

1. vue ant design a-table表格標題（title）添加icon樣式