如何在表格内部放置图标（a-icon）？

[Jake-00]

最近在尝试用 arco design 写前端，尝试在表格 table 放入图标但是表格不显示，过来请教下社区伙伴 🖐️

demo 参考自：https://arco.design/vue/component/table#custom

<a-table :data="data" style="margin-top: 30px">
<template #columns>
<a-table-column title="Name">
    <a-table-column title="First Name" data-index="first"></a-table-column>
    <a-table-column title="Last Name" data-index="last"></a-table-column>
</a-table-column>
<a-table-column title="Salary" data-index="salary"></a-table-column>
<a-table-column title="Address" data-index="address"></a-table-column>
<a-table-column title="Email" data-index="email"></a-table-column>
<a-table-column title="Optional">
    <template #icon-check-circle>
        <icon-check-circle/>
    <!-- <a-button @click="$modal.info({ title:'Name', content:record.name })">view</a-button> -->
    </template>
</a-table-column>
</template>
</a-table>

[oljc]

常见写法示范：https://codesandbox.io/s/answer-issues-2425-1toigq?file=/src/App.vue