diff --git a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
index a1acebd63..a241d4367 100644
--- a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
@@ -1072,16 +1072,16 @@ exports[`Locale Provider should display the text as ar 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="الفلاتر" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -1106,8 +1106,6 @@ exports[`Locale Provider should display the text as ar 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -1614,16 +1612,16 @@ exports[`Locale Provider should display the text as bg 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Филтриране" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -1648,8 +1646,6 @@ exports[`Locale Provider should display the text as bg 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -2156,16 +2152,16 @@ exports[`Locale Provider should display the text as ca 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filtrar Menu" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -2190,8 +2186,6 @@ exports[`Locale Provider should display the text as ca 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -2698,16 +2692,16 @@ exports[`Locale Provider should display the text as cs 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filtr" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -2732,8 +2726,6 @@ exports[`Locale Provider should display the text as cs 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -3240,16 +3232,16 @@ exports[`Locale Provider should display the text as da 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filtermenu" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -3274,8 +3266,6 @@ exports[`Locale Provider should display the text as da 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -3782,16 +3772,16 @@ exports[`Locale Provider should display the text as de 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filter-Menü" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -3816,8 +3806,6 @@ exports[`Locale Provider should display the text as de 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -4324,16 +4312,16 @@ exports[`Locale Provider should display the text as el 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Μενού φίλτρων" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -4358,8 +4346,6 @@ exports[`Locale Provider should display the text as el 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -4866,16 +4852,16 @@ exports[`Locale Provider should display the text as en 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filter menu" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -4900,8 +4886,6 @@ exports[`Locale Provider should display the text as en 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -5408,16 +5392,16 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filter menu" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -5442,8 +5426,6 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -5950,16 +5932,16 @@ exports[`Locale Provider should display the text as es 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filtrar menú" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -5984,8 +5966,6 @@ exports[`Locale Provider should display the text as es 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -6492,16 +6472,16 @@ exports[`Locale Provider should display the text as et 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filtri menüü" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -6526,8 +6506,6 @@ exports[`Locale Provider should display the text as et 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -7034,16 +7012,16 @@ exports[`Locale Provider should display the text as fa 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="منوی فیلتر" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -7068,8 +7046,6 @@ exports[`Locale Provider should display the text as fa 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -7576,16 +7552,16 @@ exports[`Locale Provider should display the text as fi 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Suodatus valikko" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -7610,8 +7586,6 @@ exports[`Locale Provider should display the text as fi 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -8118,16 +8092,16 @@ exports[`Locale Provider should display the text as fr 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filtrer" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -8152,8 +8126,6 @@ exports[`Locale Provider should display the text as fr 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -8660,16 +8632,16 @@ exports[`Locale Provider should display the text as fr 2`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filtrer" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -8694,8 +8666,6 @@ exports[`Locale Provider should display the text as fr 2`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -9202,16 +9172,16 @@ exports[`Locale Provider should display the text as he 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="תפריט סינון" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -9236,8 +9206,6 @@ exports[`Locale Provider should display the text as he 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -9744,16 +9712,16 @@ exports[`Locale Provider should display the text as hi 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="सूची बंद करें" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -9778,8 +9746,6 @@ exports[`Locale Provider should display the text as hi 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -10286,16 +10252,16 @@ exports[`Locale Provider should display the text as hr 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filter meni" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -10320,8 +10286,6 @@ exports[`Locale Provider should display the text as hr 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -10828,16 +10792,16 @@ exports[`Locale Provider should display the text as hu 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Szűrők" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -10862,8 +10826,6 @@ exports[`Locale Provider should display the text as hu 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -11370,16 +11332,16 @@ exports[`Locale Provider should display the text as hy 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="ֆիլտրի ընտրացանկ" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -11404,8 +11366,6 @@ exports[`Locale Provider should display the text as hy 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -11912,16 +11872,16 @@ exports[`Locale Provider should display the text as id 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Saring" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -11946,8 +11906,6 @@ exports[`Locale Provider should display the text as id 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -12454,16 +12412,16 @@ exports[`Locale Provider should display the text as is 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Afmarkanir" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -12488,8 +12446,6 @@ exports[`Locale Provider should display the text as is 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -12996,16 +12952,16 @@ exports[`Locale Provider should display the text as it 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Menù Filtro" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -13030,8 +12986,6 @@ exports[`Locale Provider should display the text as it 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -13538,16 +13492,16 @@ exports[`Locale Provider should display the text as ja 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="メニューをフィルター" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -13572,8 +13526,6 @@ exports[`Locale Provider should display the text as ja 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -14080,16 +14032,16 @@ exports[`Locale Provider should display the text as kn 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="ಪಟ್ಟಿ ಸೋಸಿ" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -14114,8 +14066,6 @@ exports[`Locale Provider should display the text as kn 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -14622,16 +14572,16 @@ exports[`Locale Provider should display the text as ko 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="필터 메뉴" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -14656,8 +14606,6 @@ exports[`Locale Provider should display the text as ko 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -15164,16 +15112,16 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Menuê peldanka" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -15198,8 +15146,6 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -15706,16 +15652,16 @@ exports[`Locale Provider should display the text as lv 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filtrēšanas izvēlne" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -15740,8 +15686,6 @@ exports[`Locale Provider should display the text as lv 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -16248,16 +16192,16 @@ exports[`Locale Provider should display the text as mk 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Мени за филтрирање" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -16282,8 +16226,6 @@ exports[`Locale Provider should display the text as mk 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -16790,16 +16732,16 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Хайх цэс" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -16824,8 +16766,6 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -17332,16 +17272,16 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Cari dengan tajuk" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -17366,8 +17306,6 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -17874,16 +17812,16 @@ exports[`Locale Provider should display the text as nb 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filtermeny" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -17908,8 +17846,6 @@ exports[`Locale Provider should display the text as nb 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -18416,16 +18352,16 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="फिल्टर मेनु" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -18450,8 +18386,6 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -18958,16 +18892,16 @@ exports[`Locale Provider should display the text as nl 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filteren" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -18992,8 +18926,6 @@ exports[`Locale Provider should display the text as nl 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -19500,16 +19432,16 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="FilterMenu" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -19534,8 +19466,6 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -20042,16 +19972,16 @@ exports[`Locale Provider should display the text as pl 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Menu filtra" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -20076,8 +20006,6 @@ exports[`Locale Provider should display the text as pl 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -20584,16 +20512,16 @@ exports[`Locale Provider should display the text as pt 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filtro" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -20618,8 +20546,6 @@ exports[`Locale Provider should display the text as pt 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -21126,16 +21052,16 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filtro" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -21160,8 +21086,6 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -21668,16 +21592,16 @@ exports[`Locale Provider should display the text as ro 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filtrează" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -21702,8 +21626,6 @@ exports[`Locale Provider should display the text as ro 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -22210,16 +22132,16 @@ exports[`Locale Provider should display the text as ru 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Фильтр" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -22244,8 +22166,6 @@ exports[`Locale Provider should display the text as ru 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -22752,16 +22672,16 @@ exports[`Locale Provider should display the text as sk 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filter" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -22786,8 +22706,6 @@ exports[`Locale Provider should display the text as sk 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -23294,16 +23212,16 @@ exports[`Locale Provider should display the text as sl 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filter" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -23328,8 +23246,6 @@ exports[`Locale Provider should display the text as sl 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -23836,16 +23752,16 @@ exports[`Locale Provider should display the text as sr 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filter" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -23870,8 +23786,6 @@ exports[`Locale Provider should display the text as sr 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -24378,16 +24292,16 @@ exports[`Locale Provider should display the text as sv 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Filtermeny" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -24412,8 +24326,6 @@ exports[`Locale Provider should display the text as sv 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -24920,16 +24832,16 @@ exports[`Locale Provider should display the text as ta 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="பட்டியலை மூடு" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -24954,8 +24866,6 @@ exports[`Locale Provider should display the text as ta 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -25462,16 +25372,16 @@ exports[`Locale Provider should display the text as th 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="ตัวกรอง" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -25496,8 +25406,6 @@ exports[`Locale Provider should display the text as th 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -26004,16 +25912,16 @@ exports[`Locale Provider should display the text as tr 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Menü Filtrele" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -26038,8 +25946,6 @@ exports[`Locale Provider should display the text as tr 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -26546,16 +26452,16 @@ exports[`Locale Provider should display the text as uk 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Фільтрувати" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -26580,8 +26486,6 @@ exports[`Locale Provider should display the text as uk 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -27088,16 +26992,16 @@ exports[`Locale Provider should display the text as vi 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="Bộ " tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -27122,8 +27026,6 @@ exports[`Locale Provider should display the text as vi 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -27630,16 +27532,16 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="筛选" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -27664,8 +27566,6 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
@@ -28172,16 +28072,16 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!--teleport start-->
<!--teleport end--><span title="篩選器" tabindex="-1" role="img" aria-label="filter" class="anticon anticon-filter ant-dropdown-trigger"><svg focusable="false" class="" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"></path></svg></span></th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -28206,8 +28106,6 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
</div>
</div>
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
diff --git a/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap b/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
index 50f0b167b..13207221e 100644
--- a/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
@@ -12,11 +12,11 @@ exports[`Table.pagination renders pagination correctly 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
+ <col data-key="name">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -40,8 +40,6 @@ exports[`Table.pagination renders pagination correctly 1`] = `
</div>
<!---->
<!---->
- <!---->
- <!---->
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination my-page ant-table-pagination">
diff --git a/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap b/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
index 05d9fc08e..9ead607ed 100644
--- a/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
@@ -13,19 +13,19 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col class="ant-table-selection-col">
- <col>
+ <col data-key="selection-column" class="ant-table-selection-col">
+ <col data-key="name">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-fixed-columns-in-body ant-table-selection-column"><span class="ant-table-header-column"><div><span class="ant-table-column-title"><div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-selection-column"><span class="ant-table-header-column"><div><span class="ant-table-column-title"><div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
<!----></label>
<!---->
</div></span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -33,7 +33,7 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
- <td class="ant-table-fixed-columns-in-body ant-table-selection-column">
+ <td class="ant-table-selection-column">
<!---->
<!----><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
<!----></label></span>
@@ -44,7 +44,7 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
- <td class="ant-table-fixed-columns-in-body ant-table-selection-column">
+ <td class="ant-table-selection-column">
<!---->
<!----><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
<!----></label></span>
@@ -55,7 +55,7 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
- <td class="ant-table-fixed-columns-in-body ant-table-selection-column">
+ <td class="ant-table-selection-column">
<!---->
<!----><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
<!----></label></span>
@@ -66,7 +66,7 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
- <td class="ant-table-fixed-columns-in-body ant-table-selection-column">
+ <td class="ant-table-selection-column">
<!---->
<!----><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
<!----></label></span>
@@ -82,62 +82,8 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
<!---->
<!---->
</div>
- <div class="ant-table-fixed-left">
- <!---->
- <div class="ant-table-body-outer">
- <div class="ant-table-body-inner">
- <table class="ant-table-fixed">
- <colgroup>
- <col class="ant-table-selection-col">
- </colgroup>
- <thead class="ant-table-thead">
- <tr>
- <th class="ant-table-selection-column ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title"><div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
- <!----></label>
- <!---->
- </div></span><span class="ant-table-column-sorter"><!----></span>
- </div></span>
- <!---->
- </th>
- </tr>
- </thead>
- <tbody class="ant-table-tbody">
- <tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
- <td class="ant-table-selection-column">
- <!---->
- <!----><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
- <!----></label></span>
- </td>
- </tr>
- <tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
- <td class="ant-table-selection-column">
- <!---->
- <!----><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
- <!----></label></span>
- </td>
- </tr>
- <tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
- <td class="ant-table-selection-column">
- <!---->
- <!----><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
- <!----></label></span>
- </td>
- </tr>
- <tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
- <td class="ant-table-selection-column">
- <!---->
- <!----><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
- <!----></label></span>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
</div>
</div>
-<!---->
-</div>
-</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<!---->
<li title="Previous Page" class="ant-pagination-disabled ant-pagination-prev" aria-disabled="true"><a class="ant-pagination-item-link"><span role="img" aria-label="left" class="anticon anticon-left"><svg focusable="false" class="" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></span></a></li>
diff --git a/components/table/__tests__/__snapshots__/Table.sorter.test.js.snap b/components/table/__tests__/__snapshots__/Table.sorter.test.js.snap
index 9a9afac87..5ac4cad16 100644
--- a/components/table/__tests__/__snapshots__/Table.sorter.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.sorter.test.js.snap
@@ -3,7 +3,7 @@
exports[`Table.sorter renders sorter icon correctly 1`] = `
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-column-has-actions ant-table-column-has-sorters ant-table-row-cell-last"><span class="ant-table-header-column"><div class="ant-table-column-sorters"><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><div title="Sort" class="ant-table-column-sorter-inner ant-table-column-sorter-inner-full"><span role="img" aria-label="caret-up" class="anticon anticon-caret-up ant-table-column-sorter-up off"><svg focusable="false" class="" data-icon="caret-up" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024"><path d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"></path></svg></span><span role="img" aria-label="caret-down" class="anticon anticon-caret-down ant-table-column-sorter-down off"><svg focusable="false" class="" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024"><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></span></div></span></div></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-column-has-actions ant-table-column-has-sorters"><span class="ant-table-header-column"><div class="ant-table-column-sorters"><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><div title="Sort" class="ant-table-column-sorter-inner ant-table-column-sorter-inner-full"><span role="img" aria-label="caret-up" class="anticon anticon-caret-up ant-table-column-sorter-up off"><svg focusable="false" class="" data-icon="caret-up" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024"><path d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"></path></svg></span><span role="img" aria-label="caret-down" class="anticon anticon-caret-down ant-table-column-sorter-down off"><svg focusable="false" class="" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024"><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></span></div></span></div></span>
<!---->
</th>
</tr>
diff --git a/components/table/__tests__/__snapshots__/Table.test.js.snap b/components/table/__tests__/__snapshots__/Table.test.js.snap
index d0fe98a73..41619b838 100644
--- a/components/table/__tests__/__snapshots__/Table.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.test.js.snap
@@ -12,16 +12,16 @@ exports[`Table align column should not override cell style 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
+ <col data-key="name">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th style="text-align: center;" class="ant-table-align-center ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" style="text-align: center;" class="ant-table-align-center"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -55,8 +55,6 @@ exports[`Table align column should not override cell style 1`] = `
</div>
<!---->
<!---->
- <!---->
- <!---->
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
@@ -83,27 +81,27 @@ exports[`Table renders JSX correctly 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
- <col>
+ <col data-key="firstName">
+ <col data-key="lastName">
+ <col data-key="age">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th colspan="2" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" hassubcolumns="true" colspan="2" colend="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th rowspan="2" class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="2" rowspan="2" colspan="1" colend="2" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
</tr>
<tr>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">First Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">First Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Last Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Last Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
@@ -143,8 +141,6 @@ exports[`Table renders JSX correctly 1`] = `
</div>
<!---->
<!---->
- <!---->
- <!---->
</div>
</div>
</div>
diff --git a/components/table/__tests__/__snapshots__/empty.test.js.snap b/components/table/__tests__/__snapshots__/empty.test.js.snap
index b32cee615..639c4a0ea 100644
--- a/components/table/__tests__/__snapshots__/empty.test.js.snap
+++ b/components/table/__tests__/__snapshots__/empty.test.js.snap
@@ -12,45 +12,45 @@ exports[`Table renders empty table 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
- <col>
- <col>
- <col>
- <col>
- <col>
- <col>
+ <col data-key="1">
+ <col data-key="2">
+ <col data-key="3">
+ <col data-key="4">
+ <col data-key="5">
+ <col data-key="6">
+ <col data-key="7">
+ <col data-key="8">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 1</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 1</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 2</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 2</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 3</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="2" colspan="1" colend="2" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 3</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 4</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="3" colspan="1" colend="3" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 4</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 5</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="4" colspan="1" colend="4" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 5</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 6</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="5" colspan="1" colend="5" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 6</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
-<th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 7</span><span class="ant-table-column-sorter"><!----></span></div></span>
+<th colstart="6" colspan="1" colend="6" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 7</span><span class="ant-table-column-sorter"><!----></span></div></span>
<!---->
</th>
-<th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 8</span><span class="ant-table-column-sorter"><!----></span></div></span>
+<th colstart="7" colspan="1" colend="7" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 8</span><span class="ant-table-column-sorter"><!----></span></div></span>
<!---->
</th>
</tr>
@@ -74,8 +74,6 @@ exports[`Table renders empty table 1`] = `
</div>
</div>
<!---->
-<!---->
-<!---->
</div>
</div>
</div>
@@ -95,45 +93,45 @@ exports[`Table renders empty table with custom emptyText 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
- <col>
- <col>
- <col>
- <col>
- <col>
- <col>
+ <col data-key="1">
+ <col data-key="2">
+ <col data-key="3">
+ <col data-key="4">
+ <col data-key="5">
+ <col data-key="6">
+ <col data-key="7">
+ <col data-key="8">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 1</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 1</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 2</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 2</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 3</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="2" colspan="1" colend="2" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 3</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 4</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="3" colspan="1" colend="3" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 4</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 5</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="4" colspan="1" colend="4" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 5</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 6</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="5" colspan="1" colend="5" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 6</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
-<th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 7</span><span class="ant-table-column-sorter"><!----></span></div></span>
+<th colstart="6" colspan="1" colend="6" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 7</span><span class="ant-table-column-sorter"><!----></span></div></span>
<!---->
</th>
-<th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 8</span><span class="ant-table-column-sorter"><!----></span></div></span>
+<th colstart="7" colspan="1" colend="7" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 8</span><span class="ant-table-column-sorter"><!----></span></div></span>
<!---->
</th>
</tr>
@@ -143,8 +141,6 @@ exports[`Table renders empty table with custom emptyText 1`] = `
</div>
<div class="ant-table-placeholder">custom empty text </div>
<!---->
-<!---->
-<!---->
</div>
</div>
</div>
@@ -165,58 +161,58 @@ exports[`Table renders empty table with fixed columns 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col style="width: 100px; min-width: 100px;">
- <col style="width: 100px; min-width: 100px;">
- <col>
- <col>
- <col>
- <col>
- <col>
- <col>
- <col>
- <col>
- <col style="width: 100px; min-width: 100px;">
+ <col data-key="name" style="width: 100px; min-width: 100px;">
+ <col data-key="age" style="width: 100px; min-width: 100px;">
+ <col data-key="1">
+ <col data-key="2">
+ <col data-key="3">
+ <col data-key="4">
+ <col data-key="5">
+ <col data-key="6">
+ <col data-key="7">
+ <col data-key="8">
+ <col data-key="address" style="width: 100px; min-width: 100px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Full Name</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class="ant-table-row-cell-break-word"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Full Name</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class="ant-table-row-cell-break-word"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 1</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="2" colspan="1" colend="2" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 1</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 2</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="3" colspan="1" colend="3" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 2</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 3</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="4" colspan="1" colend="4" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 3</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 4</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="5" colspan="1" colend="5" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 4</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 5</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="6" colspan="1" colend="6" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 5</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
-<th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 6</span><span class="ant-table-column-sorter"><!----></span></div></span>
+<th colstart="7" colspan="1" colend="7" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 6</span><span class="ant-table-column-sorter"><!----></span></div></span>
<!---->
</th>
-<th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 7</span><span class="ant-table-column-sorter"><!----></span></div></span>
+<th colstart="8" colspan="1" colend="8" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 7</span><span class="ant-table-column-sorter"><!----></span></div></span>
<!---->
</th>
-<th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 8</span><span class="ant-table-column-sorter"><!----></span></div></span>
+<th colstart="9" colspan="1" colend="9" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 8</span><span class="ant-table-column-sorter"><!----></span></div></span>
<!---->
</th>
-<th class="ant-table-fixed-columns-in-body ant-table-row-cell-break-word ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Action</span><span class="ant-table-column-sorter"><!----></span></div></span>
+<th colstart="10" colspan="1" colend="10" rowspan="1" class="ant-table-row-cell-break-word"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Action</span><span class="ant-table-column-sorter"><!----></span></div></span>
<!---->
</th>
</tr>
@@ -241,53 +237,6 @@ exports[`Table renders empty table with fixed columns 1`] = `
</div>
<!---->
</div>
-<div class="ant-table-fixed-left">
- <!---->
- <div class="ant-table-body-outer">
- <div class="ant-table-body-inner">
- <table class="ant-table-fixed" style="width: 200px;">
- <colgroup>
- <col style="width: 100px; min-width: 100px;">
- <col style="width: 100px; min-width: 100px;">
- </colgroup>
- <thead class="ant-table-thead">
- <tr>
- <th class="ant-table-row-cell-break-word"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Full Name</span><span class="ant-table-column-sorter"><!----></span>
- </div></span>
- <!---->
- </th>
- <th class="ant-table-row-cell-break-word ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Age</span><span class="ant-table-column-sorter"><!----></span>
- </div></span>
- <!---->
- </th>
- </tr>
- </thead>
- <tbody class="ant-table-tbody"></tbody>
- </table>
-</div>
-</div>
-</div>
-<div class="ant-table-fixed-right">
- <!---->
- <div class="ant-table-body-outer">
- <div class="ant-table-body-inner">
- <table class="ant-table-fixed" style="width: 100px;">
- <colgroup>
- <col style="width: 100px; min-width: 100px;">
- </colgroup>
- <thead class="ant-table-thead">
- <tr>
- <th class="ant-table-row-cell-break-word ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Action</span><span class="ant-table-column-sorter"><!----></span>
- </div></span>
- <!---->
- </th>
- </tr>
- </thead>
- <tbody class="ant-table-tbody"></tbody>
- </table>
- </div>
-</div>
-</div>
</div>
</div>
</div>
@@ -311,45 +260,45 @@ exports[`Table renders empty table without emptyText when loading 1`] = `
<div class="ant-table-body">
<table class="">
<colgroup>
- <col>
- <col>
- <col>
- <col>
- <col>
- <col>
- <col>
- <col>
+ <col data-key="1">
+ <col data-key="2">
+ <col data-key="3">
+ <col data-key="4">
+ <col data-key="5">
+ <col data-key="6">
+ <col data-key="7">
+ <col data-key="8">
</colgroup>
<thead class="ant-table-thead">
<tr>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 1</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="0" colspan="1" colend="0" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 1</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 2</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="1" colspan="1" colend="1" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 2</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 3</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="2" colspan="1" colend="2" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 3</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 4</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="3" colspan="1" colend="3" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 4</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 5</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="4" colspan="1" colend="4" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 5</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
- <th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 6</span><span class="ant-table-column-sorter"><!----></span>
+ <th colstart="5" colspan="1" colend="5" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 6</span><span class="ant-table-column-sorter"><!----></span>
</div></span>
<!---->
</th>
-<th class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 7</span><span class="ant-table-column-sorter"><!----></span></div></span>
+<th colstart="6" colspan="1" colend="6" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 7</span><span class="ant-table-column-sorter"><!----></span></div></span>
<!---->
</th>
-<th class="ant-table-row-cell-last"><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 8</span><span class="ant-table-column-sorter"><!----></span></div></span>
+<th colstart="7" colspan="1" colend="7" rowspan="1" class=""><span class="ant-table-header-column"><div><span class="ant-table-column-title">Column 8</span><span class="ant-table-column-sorter"><!----></span></div></span>
<!---->
</th>
</tr>
@@ -373,8 +322,6 @@ exports[`Table renders empty table without emptyText when loading 1`] = `
</div>
</div>
<!---->
-<!---->
-<!---->
</div>
</div>
</div>
diff --git a/components/vc-table/src/Table.jsx b/components/vc-table/src/Table.jsx
index 4d1cdd591..c05c4a379 100644
--- a/components/vc-table/src/Table.jsx
+++ b/components/vc-table/src/Table.jsx
@@ -9,6 +9,7 @@ import {
ref,
onUpdated,
onMounted,
+ toRef,
} from 'vue';
import shallowequal from '../../_util/shallowequal';
import merge from 'lodash-es/merge';
@@ -99,7 +100,7 @@ export default defineComponent({
},
),
setup(props) {
- const columnManager = useColumnManager(props.columns);
+ const columnManager = useColumnManager(toRef(props, 'columns'));
const colsKeys = computed(() => getColumnsKey(columnManager.leafColumns.value));
const [colsWidths, updateColsWidths] = useLayoutState(new Map());
const pureColWidths = computed(() =>
diff --git a/components/vc-table/src/useColumnManager.jsx b/components/vc-table/src/useColumnManager.jsx
index d8cfb22f5..11c89c63b 100644
--- a/components/vc-table/src/useColumnManager.jsx
+++ b/components/vc-table/src/useColumnManager.jsx
@@ -23,7 +23,7 @@ export default function useColumnManager(columns) {
const rowSpan = rows.length - currentRow;
if (
column &&
- !column.children && // parent columns are supposed to be one row
+ !column.children && // parent columns.value are supposed to be one row
rowSpan > 1 &&
(!column.rowSpan || column.rowSpan < rowSpan)
) {
@@ -47,7 +47,7 @@ export default function useColumnManager(columns) {
} else {
parentColumn.colSpan += 1;
}
- // update rowspan to all same row columns
+ // update rowspan to all same row columns.value
for (let i = 0; i < rows[currentRow].length - 1; i += 1) {
setRowSpan(rows[currentRow][i]);
}
@@ -59,16 +59,18 @@ export default function useColumnManager(columns) {
});
return grouped;
};
- return _groupColumns(columns);
+ return _groupColumns(columns.value);
});
- const isAnyColumnsFixed = computed(() => columns.some(column => !!column.fixed));
+ const isAnyColumnsFixed = computed(() => columns.value.some(column => !!column.fixed));
const isAnyColumnsLeftFixed = computed(() =>
- columns.some(column => column.fixed === 'left' || column.fixed === true),
+ columns.value.some(column => column.fixed === 'left' || column.fixed === true),
);
- const isAnyColumnsRightFixed = computed(() => columns.some(column => column.fixed === 'right'));
+ const isAnyColumnsRightFixed = computed(() =>
+ columns.value.some(column => column.fixed === 'right'),
+ );
const leftColumns = computed(() =>
groupedColumns.value.filter(column => column.fixed === 'left' || column.fixed === true),
@@ -78,7 +80,9 @@ export default function useColumnManager(columns) {
return groupedColumns.value.filter(column => column.fixed === 'right');
});
- const leafColumns = computed(() => _leafColumns(columns));
+ const leafColumns = computed(() => {
+ return _leafColumns(columns.value);
+ });
const leftLeafColumns = computed(() => _leafColumns(leftColumns.value));