diff --git a/.eslintrc.js b/.eslintrc.js
index 2ac382dba..0d7296644 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -184,6 +184,7 @@ module.exports = {
   },
   ignorePatterns: [
     'dist',
+    'packages/site/components.ts',
     'packages/site/src/router.ts',
     'packages/site/src/sideNav.ts',
     'packages/site/src/components/global/themeConfig.ts',
diff --git a/packages/components/_private/overlay/__tests__/overlay.spec.ts b/packages/components/_private/overlay/__tests__/overlay.spec.ts
index e1b1eb8ab..0d91ad5c2 100644
--- a/packages/components/_private/overlay/__tests__/overlay.spec.ts
+++ b/packages/components/_private/overlay/__tests__/overlay.spec.ts
@@ -12,7 +12,7 @@ describe('Overlay', () => {
   const OverlayMount = (options?: MountingOptions<Partial<OverlayProps>>) => {
     const { props, ...rest } = options || {}
     return mount(Overlay, {
-      props: { container: 'ix-overlay-container', ...props },
+      props: { container: '.ix-overlay-container', ...props },
       ...rest,
     } as MountingOptions<OverlayProps>)
   }
@@ -26,7 +26,7 @@ describe('Overlay', () => {
     document.querySelector('.ix-overlay-container')!.innerHTML = ''
   })
 
-  renderWork<OverlayProps>(Overlay, { props: { container: 'ix-overlay-container', visible: true }, slots })
+  renderWork<OverlayProps>(Overlay, { props: { container: '.ix-overlay-container', visible: true }, slots })
 
   test('visible work', async () => {
     const onUpdateVisible = vi.fn()
@@ -81,7 +81,7 @@ describe('Overlay', () => {
 
   test('container work', async () => {
     const wrapper = OverlayMount({
-      props: { container: 'ix-test-container', visible: true },
+      props: { container: '.ix-test-container', visible: true },
       slots,
     })
 
@@ -99,7 +99,7 @@ describe('Overlay', () => {
   test('zIndex work', async () => {
     let zIndex = 1001
     const wrapper = OverlayMount({
-      props: { container: 'ix-test-container', visible: true, zIndex },
+      props: { container: '.ix-test-container', visible: true, zIndex },
       slots,
     })
 
diff --git a/packages/components/config/src/defaultConfig.ts b/packages/components/config/src/defaultConfig.ts
index 3bcec037d..c2e97d592 100644
--- a/packages/components/config/src/defaultConfig.ts
+++ b/packages/components/config/src/defaultConfig.ts
@@ -285,9 +285,6 @@ export const defaultConfig: GlobalConfig = {
     childrenKey: 'children',
     getKey: 'key',
     size: 'md',
-    extra: {
-      icon: 'ellipsis',
-    },
     pagination: {
       position: 'bottomEnd',
     },
diff --git a/packages/components/config/src/types.ts b/packages/components/config/src/types.ts
index 709b7bc3c..03de3a6ee 100644
--- a/packages/components/config/src/types.ts
+++ b/packages/components/config/src/types.ts
@@ -32,12 +32,18 @@ import type { SelectData } from '@idux/components/select'
 import type { SpaceSize } from '@idux/components/space'
 import type { SpinSize, SpinTipAlignType } from '@idux/components/spin'
 import type { StepperLabelPlacement, StepperSize } from '@idux/components/stepper'
-import type { TableColumnAlign, TableColumnSortOrder, TablePaginationPosition, TableSize } from '@idux/components/table'
+import type {
+  TableColumnAlign,
+  TableColumnSortOrder,
+  TableEmptyCellOptions,
+  TablePaginationPosition,
+  TableSize,
+} from '@idux/components/table'
 import type { TagShape } from '@idux/components/tag'
 import type { TextareaAutoRows, TextareaResize } from '@idux/components/textarea'
 import type { TreeNode } from '@idux/components/tree'
 import type { UploadFilesType, UploadIconType, UploadRequestMethod, UploadRequestOption } from '@idux/components/upload'
-import type { VNode } from 'vue'
+import type { VNode, VNodeChild } from 'vue'
 
 export interface GlobalConfig {
   common: CommonConfig
@@ -478,7 +484,8 @@ export interface TableConfig {
   rowKey?: string
   size: TableSize
 
-  extra: { icon: string }
+  emptyCell?: string | ((options: TableEmptyCellOptions) => VNodeChild)
+
   pagination: { position: TablePaginationPosition } & Partial<PaginationConfig>
 
   columnBase: TableColumnBaseConfig
diff --git a/packages/components/table/__tests__/__snapshots__/table.spec.ts.snap b/packages/components/table/__tests__/__snapshots__/table.spec.ts.snap
index 0d646fecb..7c4b4bf3d 100644
--- a/packages/components/table/__tests__/__snapshots__/table.spec.ts.snap
+++ b/packages/components/table/__tests__/__snapshots__/table.spec.ts.snap
@@ -39,7 +39,7 @@ exports[`Table > basic work > render work 1`] = `
         <tbody class=\\"ix-table-tbody\\">
           <!---->
           <tr class=\\"ix-table-row\\">
-            <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\"><i class=\\"ix-icon ix-icon-right\\" style=\\"transform: rotate(0deg);\\" role=\\"img\\" aria-label=\\"right\\"></i></button><a></a></td>
+            <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\"><i class=\\"ix-icon ix-icon-right\\" style=\\"transform: rotate(0deg);\\" role=\\"img\\" aria-label=\\"right\\"></i></button><a>expandable</a></td>
             <td class=\\"ix-table-cell\\">
               <!----><label class=\\"ix-checkbox ix-checkbox-disabled\\" role=\\"checkbox\\" aria-checked=\\"false\\" aria-disabled=\\"true\\"><span class=\\"ix-checkbox-input\\"><input type=\\"checkbox\\" class=\\"ix-checkbox-input-inner\\" aria-hidden=\\"true\\" disabled=\\"\\"><span class=\\"ix-checkbox-input-box\\"></span></span>
                 <!---->
@@ -61,13 +61,13 @@ exports[`Table > basic work > render work 1`] = `
               <!----></span>
             </td>
             <td class=\\"ix-table-cell\\">
-              <!----><a style=\\"margin-right: 8px;\\"></a><a></a>
+              <!----><a style=\\"margin-right: 8px;\\">Invite Edrward 0</a><a>Delete</a>
             </td>
           </tr>
           <tr class=\\"ix-table-row\\">
             <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\">
                 <!---->
-              </button><a></a></td>
+              </button><a>expandable</a></td>
             <td class=\\"ix-table-cell\\">
               <!----><label class=\\"ix-checkbox\\" role=\\"checkbox\\" aria-checked=\\"false\\" aria-disabled=\\"false\\"><span class=\\"ix-checkbox-input\\"><input type=\\"checkbox\\" class=\\"ix-checkbox-input-inner\\" aria-hidden=\\"true\\"><span class=\\"ix-checkbox-input-box\\"></span></span>
                 <!---->
@@ -89,13 +89,13 @@ exports[`Table > basic work > render work 1`] = `
               <!----></span>
             </td>
             <td class=\\"ix-table-cell\\">
-              <!----><a style=\\"margin-right: 8px;\\"></a><a></a>
+              <!----><a style=\\"margin-right: 8px;\\">Invite Edrward 1</a><a>Delete</a>
             </td>
           </tr>
           <tr class=\\"ix-table-row\\">
             <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\">
                 <!---->
-              </button><a></a></td>
+              </button><a>expandable</a></td>
             <td class=\\"ix-table-cell\\">
               <!----><label class=\\"ix-checkbox\\" role=\\"checkbox\\" aria-checked=\\"false\\" aria-disabled=\\"false\\"><span class=\\"ix-checkbox-input\\"><input type=\\"checkbox\\" class=\\"ix-checkbox-input-inner\\" aria-hidden=\\"true\\"><span class=\\"ix-checkbox-input-box\\"></span></span>
                 <!---->
@@ -117,11 +117,11 @@ exports[`Table > basic work > render work 1`] = `
               <!----></span>
             </td>
             <td class=\\"ix-table-cell\\">
-              <!----><a style=\\"margin-right: 8px;\\"></a><a></a>
+              <!----><a style=\\"margin-right: 8px;\\">Invite Edrward 2</a><a>Delete</a>
             </td>
           </tr>
           <tr class=\\"ix-table-row\\">
-            <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\"><i class=\\"ix-icon ix-icon-right\\" style=\\"transform: rotate(0deg);\\" role=\\"img\\" aria-label=\\"right\\"></i></button><a></a></td>
+            <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\"><i class=\\"ix-icon ix-icon-right\\" style=\\"transform: rotate(0deg);\\" role=\\"img\\" aria-label=\\"right\\"></i></button><a>expandable</a></td>
             <td class=\\"ix-table-cell\\">
               <!----><label class=\\"ix-checkbox ix-checkbox-disabled\\" role=\\"checkbox\\" aria-checked=\\"false\\" aria-disabled=\\"true\\"><span class=\\"ix-checkbox-input\\"><input type=\\"checkbox\\" class=\\"ix-checkbox-input-inner\\" aria-hidden=\\"true\\" disabled=\\"\\"><span class=\\"ix-checkbox-input-box\\"></span></span>
                 <!---->
@@ -143,13 +143,13 @@ exports[`Table > basic work > render work 1`] = `
               <!----></span>
             </td>
             <td class=\\"ix-table-cell\\">
-              <!----><a style=\\"margin-right: 8px;\\"></a><a></a>
+              <!----><a style=\\"margin-right: 8px;\\">Invite Edrward 3</a><a>Delete</a>
             </td>
           </tr>
           <tr class=\\"ix-table-row\\">
             <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\">
                 <!---->
-              </button><a></a></td>
+              </button><a>expandable</a></td>
             <td class=\\"ix-table-cell\\">
               <!----><label class=\\"ix-checkbox\\" role=\\"checkbox\\" aria-checked=\\"false\\" aria-disabled=\\"false\\"><span class=\\"ix-checkbox-input\\"><input type=\\"checkbox\\" class=\\"ix-checkbox-input-inner\\" aria-hidden=\\"true\\"><span class=\\"ix-checkbox-input-box\\"></span></span>
                 <!---->
@@ -171,13 +171,13 @@ exports[`Table > basic work > render work 1`] = `
               <!----></span>
             </td>
             <td class=\\"ix-table-cell\\">
-              <!----><a style=\\"margin-right: 8px;\\"></a><a></a>
+              <!----><a style=\\"margin-right: 8px;\\">Invite Edrward 4</a><a>Delete</a>
             </td>
           </tr>
           <tr class=\\"ix-table-row\\">
             <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\">
                 <!---->
-              </button><a></a></td>
+              </button><a>expandable</a></td>
             <td class=\\"ix-table-cell\\">
               <!----><label class=\\"ix-checkbox\\" role=\\"checkbox\\" aria-checked=\\"false\\" aria-disabled=\\"false\\"><span class=\\"ix-checkbox-input\\"><input type=\\"checkbox\\" class=\\"ix-checkbox-input-inner\\" aria-hidden=\\"true\\"><span class=\\"ix-checkbox-input-box\\"></span></span>
                 <!---->
@@ -199,11 +199,11 @@ exports[`Table > basic work > render work 1`] = `
               <!----></span>
             </td>
             <td class=\\"ix-table-cell\\">
-              <!----><a style=\\"margin-right: 8px;\\"></a><a></a>
+              <!----><a style=\\"margin-right: 8px;\\">Invite Edrward 5</a><a>Delete</a>
             </td>
           </tr>
           <tr class=\\"ix-table-row\\">
-            <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\"><i class=\\"ix-icon ix-icon-right\\" style=\\"transform: rotate(0deg);\\" role=\\"img\\" aria-label=\\"right\\"></i></button><a></a></td>
+            <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\"><i class=\\"ix-icon ix-icon-right\\" style=\\"transform: rotate(0deg);\\" role=\\"img\\" aria-label=\\"right\\"></i></button><a>expandable</a></td>
             <td class=\\"ix-table-cell\\">
               <!----><label class=\\"ix-checkbox ix-checkbox-disabled\\" role=\\"checkbox\\" aria-checked=\\"false\\" aria-disabled=\\"true\\"><span class=\\"ix-checkbox-input\\"><input type=\\"checkbox\\" class=\\"ix-checkbox-input-inner\\" aria-hidden=\\"true\\" disabled=\\"\\"><span class=\\"ix-checkbox-input-box\\"></span></span>
                 <!---->
@@ -225,13 +225,13 @@ exports[`Table > basic work > render work 1`] = `
               <!----></span>
             </td>
             <td class=\\"ix-table-cell\\">
-              <!----><a style=\\"margin-right: 8px;\\"></a><a></a>
+              <!----><a style=\\"margin-right: 8px;\\">Invite Edrward 6</a><a>Delete</a>
             </td>
           </tr>
           <tr class=\\"ix-table-row\\">
             <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\">
                 <!---->
-              </button><a></a></td>
+              </button><a>expandable</a></td>
             <td class=\\"ix-table-cell\\">
               <!----><label class=\\"ix-checkbox\\" role=\\"checkbox\\" aria-checked=\\"false\\" aria-disabled=\\"false\\"><span class=\\"ix-checkbox-input\\"><input type=\\"checkbox\\" class=\\"ix-checkbox-input-inner\\" aria-hidden=\\"true\\"><span class=\\"ix-checkbox-input-box\\"></span></span>
                 <!---->
@@ -253,13 +253,13 @@ exports[`Table > basic work > render work 1`] = `
               <!----></span>
             </td>
             <td class=\\"ix-table-cell\\">
-              <!----><a style=\\"margin-right: 8px;\\"></a><a></a>
+              <!----><a style=\\"margin-right: 8px;\\">Invite Edrward 7</a><a>Delete</a>
             </td>
           </tr>
           <tr class=\\"ix-table-row\\">
             <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\">
                 <!---->
-              </button><a></a></td>
+              </button><a>expandable</a></td>
             <td class=\\"ix-table-cell\\">
               <!----><label class=\\"ix-checkbox\\" role=\\"checkbox\\" aria-checked=\\"false\\" aria-disabled=\\"false\\"><span class=\\"ix-checkbox-input\\"><input type=\\"checkbox\\" class=\\"ix-checkbox-input-inner\\" aria-hidden=\\"true\\"><span class=\\"ix-checkbox-input-box\\"></span></span>
                 <!---->
@@ -281,11 +281,11 @@ exports[`Table > basic work > render work 1`] = `
               <!----></span>
             </td>
             <td class=\\"ix-table-cell\\">
-              <!----><a style=\\"margin-right: 8px;\\"></a><a></a>
+              <!----><a style=\\"margin-right: 8px;\\">Invite Edrward 8</a><a>Delete</a>
             </td>
           </tr>
           <tr class=\\"ix-table-row\\">
-            <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\"><i class=\\"ix-icon ix-icon-right\\" style=\\"transform: rotate(0deg);\\" role=\\"img\\" aria-label=\\"right\\"></i></button><a></a></td>
+            <td class=\\"ix-table-cell\\"><button class=\\"ix-table-expandable-trigger\\" type=\\"button\\"><i class=\\"ix-icon ix-icon-right\\" style=\\"transform: rotate(0deg);\\" role=\\"img\\" aria-label=\\"right\\"></i></button><a>expandable</a></td>
             <td class=\\"ix-table-cell\\">
               <!----><label class=\\"ix-checkbox ix-checkbox-disabled\\" role=\\"checkbox\\" aria-checked=\\"false\\" aria-disabled=\\"true\\"><span class=\\"ix-checkbox-input\\"><input type=\\"checkbox\\" class=\\"ix-checkbox-input-inner\\" aria-hidden=\\"true\\" disabled=\\"\\"><span class=\\"ix-checkbox-input-box\\"></span></span>
                 <!---->
@@ -307,7 +307,7 @@ exports[`Table > basic work > render work 1`] = `
               <!----></span>
             </td>
             <td class=\\"ix-table-cell\\">
-              <!----><a style=\\"margin-right: 8px;\\"></a><a></a>
+              <!----><a style=\\"margin-right: 8px;\\">Invite Edrward 9</a><a>Delete</a>
             </td>
           </tr>
         </tbody>
diff --git a/packages/components/table/__tests__/table.spec.ts b/packages/components/table/__tests__/table.spec.ts
index 79a8e8654..19054f02b 100644
--- a/packages/components/table/__tests__/table.spec.ts
+++ b/packages/components/table/__tests__/table.spec.ts
@@ -1,5 +1,5 @@
 import { MountingOptions, mount } from '@vue/test-utils'
-import { h } from 'vue'
+import { VNodeChild, h } from 'vue'
 
 import { renderWork } from '@tests'
 
@@ -8,7 +8,7 @@ import { HeaderProps, IxHeader } from '@idux/components/header'
 import { IxTag } from '@idux/components/tag'
 
 import Table from '../src/Table'
-import { TableColumn, TableProps } from '../src/types'
+import { TableColumn, TableEmptyCellOptions, TableProps } from '../src/types'
 
 interface Data {
   key: number
@@ -24,7 +24,7 @@ const columns: TableColumn<Data>[] = [
     type: 'expandable',
     disabled: record => !record.description,
     customExpand: 'expand',
-    customCell: 'name',
+    customCell: 'expandable',
   },
   {
     type: 'selectable',
@@ -84,12 +84,12 @@ interface CellOption {
 }
 
 const defaultSlots = {
-  name: ({ value }: CellOption) => h('a', null, () => value),
+  expandable: () => h('a', null, 'expandable'),
   action: ({ record }: CellOption) => [
-    h('a', { style: 'margin-right: 8px' }, () => `Invite ${record.name}`),
-    h('a', null, () => 'Delete'),
+    h('a', { style: 'margin-right: 8px' }, `Invite ${record.name}`),
+    h('a', null, 'Delete'),
   ],
-  expand: ({ record }: CellOption) => h('span', null, () => record.description),
+  expand: ({ record }: CellOption) => h('span', null, record.description),
 }
 
 describe('Table', () => {
@@ -260,6 +260,45 @@ describe('Table', () => {
       expect(wrapper.find('tbody').find('.ix-empty-description').text()).toBe('empty slot')
     })
 
+    test('emptyCell work', async () => {
+      let emptyCell: string | ((option: TableEmptyCellOptions) => VNodeChild) = '-'
+      const wrapper = TableMount({
+        props: {
+          emptyCell,
+          columns: [{ dataKey: 'unknown' }, { type: 'testType', dataKey: 'unknown' }, ...columns] as TableColumn[],
+        },
+      })
+
+      const tds = wrapper.find('tbody').find('tr').findAll('td')
+
+      expect(tds[0].text()).toBe(emptyCell)
+      expect(tds[1].text()).toBe('')
+
+      emptyCell = ({ rowIndex }) => rowIndex
+      await wrapper.setProps({ emptyCell })
+
+      expect(tds[0].text()).toBe('0')
+      expect(tds[1].text()).toBe('')
+    })
+
+    test('emptyCell slot work', async () => {
+      const emptyCell = '-'
+      const wrapper = TableMount({
+        props: {
+          emptyCell,
+          columns: [{ dataKey: 'unknown' }, { type: 'testType', dataKey: 'unknown' }, ...columns] as TableColumn[],
+        },
+        slots: {
+          emptyCell: ({ rowIndex }: TableEmptyCellOptions) => rowIndex,
+        },
+      })
+
+      const tds = wrapper.find('tbody').find('tr').findAll('td')
+
+      expect(tds[0].text()).toBe('0')
+      expect(tds[1].text()).toBe('')
+    })
+
     test('header work', async () => {
       let header: string | HeaderProps = 'This is header'
       const wrapper = TableMount({ props: { header } })
diff --git a/packages/components/table/docs/Api.zh.md b/packages/components/table/docs/Api.zh.md
index b2b315d8f..5a3349138 100644
--- a/packages/components/table/docs/Api.zh.md
+++ b/packages/components/table/docs/Api.zh.md
@@ -15,7 +15,8 @@
 | `customAdditional` | 自定义表格行和单元格的额外属性 | `TableCustomAdditional` | - | - | 参见[TableCustomAdditional](#TableCustomAdditional) |
 | `dataSource` | 表格数据数组 | `object[]` | - | - | - |
 | `ellipsis` | 超过宽度将自动省略 | `boolean \| { title: boolean }` | `false` | - | `title` 为 `false` 时, 不显示原生的 `title` |
-| `empty` | 空数据时的内容 | `string \| EmptyProps \| #empty` | - | - | - |
+| `empty` | `dataSource` 为空时默认渲染的内容 | `string \| EmptyProps \| #empty` | - | - | - |
+| `emptyCell` | 单元格数据为空时默认渲染的内容 | `string \| ((options: TableEmptyCellOptions) => VNodeChild) \| #emptyCell='TableEmptyCellOptions'` | - | ✅ | 仅支持普通列 |
 | `getKey` | 获取数据的唯一标识 | `string \| (record: any) => VKey` | `key` | ✅ | - |
 | `headless` | 是否隐藏表头 | `boolean` | `false` | - |- |
 | `pagination` | 配置分页器, 参见[TablePagination](#TablePagination) | `boolean \| TablePagination` | - | ✅ | 设置 `false` 时表示不显示分页 |
diff --git a/packages/components/table/index.ts b/packages/components/table/index.ts
index 5aa2c05b3..f6312ea17 100644
--- a/packages/components/table/index.ts
+++ b/packages/components/table/index.ts
@@ -36,6 +36,7 @@ export type {
   TableColumnFilterable,
   TableColumnSortable,
   TableColumnSortOrder,
+  TableEmptyCellOptions,
   TableSticky,
 } from './src/types'
 
diff --git a/packages/components/table/src/Table.tsx b/packages/components/table/src/Table.tsx
index 156f1ed36..6b024c3f2 100644
--- a/packages/components/table/src/Table.tsx
+++ b/packages/components/table/src/Table.tsx
@@ -44,6 +44,7 @@ export default defineComponent({
     const mergedAutoHeight = computed(() => props.autoHeight ?? config.autoHeight)
     const mergedChildrenKey = computed(() => props.childrenKey ?? config.childrenKey)
     const mergedGetKey = useGetRowKey(props, config)
+    const mergedEmptyCell = computed(() => props.emptyCell ?? config.emptyCell)
     const mergedSize = computed(() => props.size ?? config.size)
     const stickyContext = useSticky(props)
     const scrollContext = useScroll(props, mergedAutoHeight, stickyContext)
@@ -71,6 +72,7 @@ export default defineComponent({
       config,
       locale,
       mergedPrefixCls,
+      mergedEmptyCell,
       mergedSize,
       ...columnsContext,
       ...scrollContext,
diff --git a/packages/components/table/src/main/body/BodyCell.tsx b/packages/components/table/src/main/body/BodyCell.tsx
index f904acee2..d2af81fce 100644
--- a/packages/components/table/src/main/body/BodyCell.tsx
+++ b/packages/components/table/src/main/body/BodyCell.tsx
@@ -7,7 +7,7 @@
 
 import { type ComputedRef, type Slots, type VNodeChild, computed, defineComponent, inject, normalizeClass } from 'vue'
 
-import { isFunction, isString } from 'lodash-es'
+import { isFunction, isNil, isString } from 'lodash-es'
 
 import { Logger, convertArray, convertCssPixel } from '@idux/cdk/utils'
 import { IxCheckbox } from '@idux/components/checkbox'
@@ -34,6 +34,7 @@ export default defineComponent({
       props: tableProps,
       slots,
       mergedPrefixCls,
+      mergedEmptyCell,
       activeOrderByMap,
       fixedColumnKeys,
       columnOffsets,
@@ -101,8 +102,16 @@ export default defineComponent({
       } else {
         const { ellipsis = tableProps.ellipsis } = column
         const text = dataValue.value
-        children = renderChildren(props, slots, dataValue.value)
+        children = renderChildren(props, slots, text)
         title = getColTitle(ellipsis, children, text)
+
+        // emptyCell 仅支持普通列
+        if (!type && isNil(children)) {
+          const emptyCellRender = slots.emptyCell || mergedEmptyCell.value
+          children = isFunction(emptyCellRender)
+            ? emptyCellRender({ column, record: props.record, rowIndex: props.rowIndex })
+            : emptyCellRender
+        }
       }
 
       // see: https://github.com/IDuxFE/idux/issues/1081
diff --git a/packages/components/table/src/token.ts b/packages/components/table/src/token.ts
index c94d1b524..2d4949282 100644
--- a/packages/components/table/src/token.ts
+++ b/packages/components/table/src/token.ts
@@ -14,11 +14,11 @@ import type { ScrollContext } from './composables/useScroll'
 import type { SelectableContext } from './composables/useSelectable'
 import type { SortableContext } from './composables/useSortable'
 import type { StickyContext } from './composables/useSticky'
-import type { TableProps, TableSize } from './types'
+import type { TableEmptyCellOptions, TableProps, TableSize } from './types'
 import type { VKey } from '@idux/cdk/utils'
 import type { TableConfig } from '@idux/components/config'
 import type { Locale } from '@idux/components/locales'
-import type { ComputedRef, InjectionKey, Ref, Slots } from 'vue'
+import type { ComputedRef, InjectionKey, Ref, Slots, VNodeChild } from 'vue'
 
 export interface TableContext
   extends ColumnsContext,
@@ -35,6 +35,7 @@ export interface TableContext
   config: TableConfig
   locale: Locale
   mergedPrefixCls: ComputedRef<string>
+  mergedEmptyCell: ComputedRef<string | ((options: TableEmptyCellOptions) => VNodeChild) | undefined>
   mergedSize: ComputedRef<TableSize>
   tableLayout: ComputedRef<'auto' | 'fixed'>
 }
diff --git a/packages/components/table/src/types.ts b/packages/components/table/src/types.ts
index 668c73f06..c6075d971 100644
--- a/packages/components/table/src/types.ts
+++ b/packages/components/table/src/types.ts
@@ -34,6 +34,10 @@ export const tableProps = {
   dataSource: { type: Array as PropType<any[]>, default: () => [] },
   ellipsis: { type: [Boolean, Object] as PropType<boolean | { title?: boolean }>, default: false },
   empty: { type: [String, Object] as PropType<string | EmptyProps>, default: undefined },
+  emptyCell: {
+    type: [String, Function] as PropType<string | ((options: TableEmptyCellOptions) => VNodeChild)>,
+    default: undefined,
+  },
   getKey: { type: [String, Function] as PropType<string | ((record: any) => any)>, default: undefined },
   header: { type: [String, Object] as PropType<string | HeaderProps>, default: undefined },
   headless: { type: Boolean, default: undefined },
@@ -217,6 +221,12 @@ export interface TableSticky {
   container?: Window | HTMLElement
 }
 
+export interface TableEmptyCellOptions<T = any, K = VKey> {
+  column: TableColumn<T, K>
+  record: T
+  rowIndex: number
+}
+
 /** private components */
 export const tableHeadRowProps = {
   columns: { type: Array as PropType<TableColumnMergedExtra[]>, required: true },
diff --git a/packages/components/tree-select/src/TreeSelect.tsx b/packages/components/tree-select/src/TreeSelect.tsx
index 5266a47fc..8a646a3ec 100644
--- a/packages/components/tree-select/src/TreeSelect.tsx
+++ b/packages/components/tree-select/src/TreeSelect.tsx
@@ -77,7 +77,7 @@ export default defineComponent({
       collapseAll: () => treeRef.value?.collapseAll(),
       expandAll: () => treeRef.value?.expandAll(),
       scrollTo,
-      getNode: (key: VKey) => treeRef.value ? treeRef.value.getNode(key) : mergedNodeMap.value.get(key)?.rawData,
+      getNode: (key: VKey) => (treeRef.value ? treeRef.value.getNode(key) : mergedNodeMap.value.get(key)?.rawData),
     })
 
     watch(overlayOpened, opened => {