diff --git a/packages/hooks/src/use-table.ts b/packages/hooks/src/use-table.ts
index f861009e..72ae01cb 100644
--- a/packages/hooks/src/use-table.ts
+++ b/packages/hooks/src/use-table.ts
@@ -1,5 +1,6 @@
 import { computed, reactive, ref } from 'vue';
 import type { Ref } from 'vue';
+import type { DataTableBaseColumn } from 'naive-ui';
 import { jsonClone } from '@sa/utils';
 import useBoolean from './use-boolean';
 import useLoading from './use-loading';
@@ -10,7 +11,7 @@ export type ApiFn = (args: any) => Promise<unknown>;
 
 export type TableColumnCheck = {
   key: string;
-  title: string;
+  title: DataTableBaseColumn['title'];
   checked: boolean;
 };
 
diff --git a/src/components/advanced/table-column-setting.vue b/src/components/advanced/table-column-setting.vue
index d1e6dca4..bff01b92 100644
--- a/src/components/advanced/table-column-setting.vue
+++ b/src/components/advanced/table-column-setting.vue
@@ -25,7 +25,12 @@ const columns = defineModel<NaiveUI.TableColumnCheck[]>('columns', {
       <div v-for="item in columns" :key="item.key" class="h-36px flex-y-center rd-4px hover:(bg-primary bg-opacity-20)">
         <icon-mdi-drag class="mr-8px h-full cursor-move text-icon" />
         <NCheckbox v-model:checked="item.checked" class="none_draggable flex-1">
-          {{ item.title }}
+          <template v-if="typeof item.title === 'function'">
+            <component :is="item.title" />
+          </template>
+          <template v-else>
+            {{ item.title }}
+          </template>
         </NCheckbox>
       </div>
     </VueDraggable>