ant-design/components/table/__tests__/__snapshots__/demo.test.js.snap
2018-08-27 20:40:11 +08:00

13049 lines
400 KiB
Plaintext
Executable File

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-empty ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col
style="width:20%;min-width:20%"
/>
<col
style="width:20%;min-width:20%"
/>
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-column-has-filters"
>
<span>
Name
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-up"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 632.8l405.1-489.1c16.9-18.9 46.5-18.9 63.4 0l403.1 489.1c24.4 27.4 5 70.8-31.7 70.8H107.9c-36.6 0-56.1-43.4-31.6-70.8z"
/>
</svg>
</i>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 392.3l403.1 489.1c16.9 18.9 46.5 18.9 63.4 0l405.1-489.1c24.4-27.4 5-70.8-31.7-70.8H108.1c-36.8 0-56.3 43.4-31.8 70.8z"
/>
</svg>
</i>
</span>
</div>
</span>
</th>
<th
class="ant-table-column-has-filters"
>
<span>
Gender
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="Filter menu"
>
<svg
aria-hidden="true"
class=""
data-icon="filter"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M890.1 176.6c-12.8-31-42.8-51-76.4-51H212c-33.5 0-63.5 20-76.4 51-12.9 31-5.9 66.3 17.8 90.1l273 263.3v262c0 9.3 3.6 18.3 10.1 25l125.2 129.5c6.9 7.2 16.3 11 25.9 11 4.5 0 9.1-.9 13.5-2.6 13.6-5.5 22.5-18.7 22.5-33.4V528.3l248.5-261.5c23.8-23.8 30.8-59.1 18-90.2zm-68.9 39.2l-259 272.1c-6.8 6.8-10.5 15.9-10.5 25.5v322l-53.2-58V515c0-9.5-3.8-18.7-10.5-25.4L204.4 215.8c-4.2-4.2-3.5-8.6-2.3-11.6 1.2-3 4-6.6 9.9-6.6h601.7c5.9 0 8.6 3.6 9.9 6.6 1.2 3 1.8 7.5-2.4 11.6z"
/>
</svg>
</i>
</span>
</th>
<th
class=""
>
<span>
Email
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
/>
</table>
</div>
<div
class="ant-table-placeholder"
>
No data
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/basic.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
<th
class=""
>
<span>
Tags
</span>
</th>
<th
class=""
>
<span>
Action
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
<td
class=""
>
<span>
<div
class="ant-tag ant-tag-blue"
data-show="true"
>
nice
</div>
<div
class="ant-tag ant-tag-blue"
data-show="true"
>
developer
</div>
</span>
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Invite John Brown
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
Jim Green
</a>
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
<td
class=""
>
<span>
<div
class="ant-tag ant-tag-blue"
data-show="true"
>
loser
</div>
</span>
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Invite Jim Green
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
Joe Black
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
<td
class=""
>
<span>
<div
class="ant-tag ant-tag-blue"
data-show="true"
>
cool
</div>
<div
class="ant-tag ant-tag-blue"
data-show="true"
>
teacher
</div>
</span>
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Invite Joe Black
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/bordered.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-bordered ant-table-scroll-position-left"
>
<div
class="ant-table-title"
>
Header
</div>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class="column-money"
>
<span>
Cash Assets
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class="column-money"
>
¥300,000.00
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
Jim Green
</a>
</td>
<td
class="column-money"
>
¥1,256,000.00
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
Joe Black
</a>
</td>
<td
class="column-money"
>
¥120,000.00
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
<div
class="ant-table-footer"
>
Footer
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/colspan-rowspan.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-bordered ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
colspan="2"
>
<span>
Home phone
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
0571-22098909
</td>
<td
class=""
>
18889898989
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
Jim Green
</a>
</td>
<td
class=""
>
42
</td>
<td
class=""
>
0571-22098333
</td>
<td
class=""
>
18889898888
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
Joe Black
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
rowspan="2"
>
0575-22098909
</td>
<td
class=""
>
18900010002
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
Jim Red
</a>
</td>
<td
class=""
>
18
</td>
<td
class=""
>
18900010002
</td>
<td
class=""
>
London No. 2 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="5"
>
<td
class=""
colspan="5"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
Jake White
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-column-has-filters"
>
<span>
Name
<i
class="anticon anticon-smile-o ant-table-filter-icon ant-dropdown-trigger"
style="color:#aaa"
title="Filter menu"
>
<svg
aria-hidden="true"
class=""
data-icon="smile-o"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0zm311.1 823.1c-40.4 40.4-87.5 72.2-139.9 94.3C629 940.4 571.4 952 512 952s-117-11.6-171.2-34.5c-52.4-22.2-99.4-53.9-139.9-94.3-40.4-40.4-72.2-87.5-94.3-139.9C83.6 629 72 571.4 72 512s11.6-117 34.5-171.2c22.2-52.4 53.9-99.4 94.3-139.9 40.4-40.4 87.5-72.2 139.9-94.3C395 83.6 452.6 72 512 72s117 11.6 171.2 34.5c52.4 22.2 99.4 53.9 139.9 94.3 40.4 40.4 72.2 87.5 94.3 139.9C940.4 395 952 452.6 952 512s-11.6 117-34.5 171.2c-22.2 52.4-53.9 99.5-94.4 139.9z"
/>
<path
d="M640.3 565.2c-19.9 0-36 16.1-36 36 0 50.9-41.4 92.3-92.3 92.3s-92.3-41.4-92.3-92.3c0-19.9-16.1-36-36-36s-36 16.1-36 36c0 90.6 73.7 164.3 164.3 164.3s164.3-73.7 164.3-164.3c0-19.9-16.1-36-36-36zM194.2 382.4a60 60 0 1 0 120 0 60 60 0 1 0-120 0zM709.5 382.4a60 60 0 1 0 120 0 60 60 0 1 0-120 0z"
/>
</svg>
</i>
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class="ant-table-column-has-filters"
>
<span>
Address
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="Filter menu"
>
<svg
aria-hidden="true"
class=""
data-icon="filter"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M890.1 176.6c-12.8-31-42.8-51-76.4-51H212c-33.5 0-63.5 20-76.4 51-12.9 31-5.9 66.3 17.8 90.1l273 263.3v262c0 9.3 3.6 18.3 10.1 25l125.2 129.5c6.9 7.2 16.3 11 25.9 11 4.5 0 9.1-.9 13.5-2.6 13.6-5.5 22.5-18.7 22.5-33.4V528.3l248.5-261.5c23.8-23.8 30.8-59.1 18-90.2zm-68.9 39.2l-259 272.1c-6.8 6.8-10.5 15.9-10.5 25.5v322l-53.2-58V515c0-9.5-3.8-18.7-10.5-25.4L204.4 215.8c-4.2-4.2-3.5-8.6-2.3-11.6 1.2-3 4-6.6 9.9-6.6h601.7c5.9 0 8.6 3.6 9.9 6.6 1.2 3 1.8 7.5-2.4 11.6z"
/>
</svg>
</i>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class=""
>
32
</td>
<td
class="ant-table-column-has-filters"
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Joe Black
</td>
<td
class=""
>
42
</td>
<td
class="ant-table-column-has-filters"
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Jim Green
</td>
<td
class=""
>
32
</td>
<td
class="ant-table-column-has-filters"
>
Sidney No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Jim Red
</td>
<td
class=""
>
32
</td>
<td
class="ant-table-column-has-filters"
>
London No. 2 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/drag-sorting.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
/>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
<div>
<div
class="components-table-demo-control-bar"
>
<form
class="ant-form ant-form-inline"
>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Bordered"
>
Bordered
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
>
<span
class="ant-form-item-children"
>
<span
class="ant-switch"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="loading"
>
loading
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
>
<span
class="ant-form-item-children"
>
<span
class="ant-switch"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Title"
>
Title
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
>
<span
class="ant-form-item-children"
>
<span
class="ant-switch"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Column Header"
>
Column Header
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
>
<span
class="ant-form-item-children"
>
<span
checked=""
class="ant-switch ant-switch-checked"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Footer"
>
Footer
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
>
<span
class="ant-form-item-children"
>
<span
checked=""
class="ant-switch ant-switch-checked"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Expandable"
>
Expandable
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
>
<span
class="ant-form-item-children"
>
<span
checked=""
class="ant-switch ant-switch-checked"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Checkbox"
>
Checkbox
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
>
<span
class="ant-form-item-children"
>
<span
checked=""
class="ant-switch ant-switch-checked"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Fixed Header"
>
Fixed Header
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
>
<span
class="ant-form-item-children"
>
<span
class="ant-switch"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Size"
>
Size
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
>
<span
class="ant-form-item-children"
>
<div
class="ant-radio-group ant-radio-group-outline ant-radio-group-default"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="default"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Default
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="middle"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Middle
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="small"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Small
</span>
</label>
</div>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Pagination"
>
Pagination
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control"
>
<span
class="ant-form-item-children"
>
<div
class="ant-radio-group ant-radio-group-outline"
>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="top"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Top
</span>
</label>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="bottom"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Bottom
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="both"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Both
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="none"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
None
</span>
</label>
</div>
</span>
</div>
</div>
</div>
</form>
</div>
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col
class="ant-table-expand-icon-col"
/>
<col />
<col
style="width:150px;min-width:150px"
/>
<col
style="width:70px;min-width:70px"
/>
<col />
<col
style="width:360px;min-width:360px"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-expand-icon-th"
rowspan="1"
title=""
/>
<th
class="ant-table-selection-column"
>
<span>
<div
class="ant-table-selection"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</div>
</span>
</th>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
<th
class=""
>
<span>
Action
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class=""
>
12
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Action 一 John Brown
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
class="ant-dropdown-link"
href="javascript:;"
>
More actions
<i
class="anticon anticon-down"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M895.7 300.1c0 9.6-3.2 19.3-9.6 27.4L545.2 751.3c-8.3 10.3-20.8 16.3-34.1 16.3-13.2 0-25.8-6-34-16.3L138 329.3c-15.1-18.8-12.1-46.3 6.7-61.4 18.8-15.1 46.3-12.1 61.4 6.7l305.1 379.6L818 272.7c15.1-18.8 42.6-21.8 61.4-6.7 10.7 8.7 16.3 21.3 16.3 34.1z"
/>
</svg>
</i>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class=""
>
22
</td>
<td
class=""
>
New York No. 2 Lake Park
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Action 一 John Brown
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
class="ant-dropdown-link"
href="javascript:;"
>
More actions
<i
class="anticon anticon-down"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M895.7 300.1c0 9.6-3.2 19.3-9.6 27.4L545.2 751.3c-8.3 10.3-20.8 16.3-34.1 16.3-13.2 0-25.8-6-34-16.3L138 329.3c-15.1-18.8-12.1-46.3 6.7-61.4 18.8-15.1 46.3-12.1 61.4 6.7l305.1 379.6L818 272.7c15.1-18.8 42.6-21.8 61.4-6.7 10.7 8.7 16.3 21.3 16.3 34.1z"
/>
</svg>
</i>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 3 Lake Park
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Action 一 John Brown
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
class="ant-dropdown-link"
href="javascript:;"
>
More actions
<i
class="anticon anticon-down"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M895.7 300.1c0 9.6-3.2 19.3-9.6 27.4L545.2 751.3c-8.3 10.3-20.8 16.3-34.1 16.3-13.2 0-25.8-6-34-16.3L138 329.3c-15.1-18.8-12.1-46.3 6.7-61.4 18.8-15.1 46.3-12.1 61.4 6.7l305.1 379.6L818 272.7c15.1-18.8 42.6-21.8 61.4-6.7 10.7 8.7 16.3 21.3 16.3 34.1z"
/>
</svg>
</i>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class=""
>
42
</td>
<td
class=""
>
New York No. 4 Lake Park
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Action 一 John Brown
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
class="ant-dropdown-link"
href="javascript:;"
>
More actions
<i
class="anticon anticon-down"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M895.7 300.1c0 9.6-3.2 19.3-9.6 27.4L545.2 751.3c-8.3 10.3-20.8 16.3-34.1 16.3-13.2 0-25.8-6-34-16.3L138 329.3c-15.1-18.8-12.1-46.3 6.7-61.4 18.8-15.1 46.3-12.1 61.4 6.7l305.1 379.6L818 272.7c15.1-18.8 42.6-21.8 61.4-6.7 10.7 8.7 16.3 21.3 16.3 34.1z"
/>
</svg>
</i>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="5"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class=""
>
52
</td>
<td
class=""
>
New York No. 5 Lake Park
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Action 一 John Brown
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
class="ant-dropdown-link"
href="javascript:;"
>
More actions
<i
class="anticon anticon-down"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M895.7 300.1c0 9.6-3.2 19.3-9.6 27.4L545.2 751.3c-8.3 10.3-20.8 16.3-34.1 16.3-13.2 0-25.8-6-34-16.3L138 329.3c-15.1-18.8-12.1-46.3 6.7-61.4 18.8-15.1 46.3-12.1 61.4 6.7l305.1 379.6L818 272.7c15.1-18.8 42.6-21.8 61.4-6.7 10.7 8.7 16.3 21.3 16.3 34.1z"
/>
</svg>
</i>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="6"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class=""
>
62
</td>
<td
class=""
>
New York No. 6 Lake Park
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Action 一 John Brown
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
class="ant-dropdown-link"
href="javascript:;"
>
More actions
<i
class="anticon anticon-down"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M895.7 300.1c0 9.6-3.2 19.3-9.6 27.4L545.2 751.3c-8.3 10.3-20.8 16.3-34.1 16.3-13.2 0-25.8-6-34-16.3L138 329.3c-15.1-18.8-12.1-46.3 6.7-61.4 18.8-15.1 46.3-12.1 61.4 6.7l305.1 379.6L818 272.7c15.1-18.8 42.6-21.8 61.4-6.7 10.7 8.7 16.3 21.3 16.3 34.1z"
/>
</svg>
</i>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="7"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class=""
>
72
</td>
<td
class=""
>
New York No. 7 Lake Park
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Action 一 John Brown
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
class="ant-dropdown-link"
href="javascript:;"
>
More actions
<i
class="anticon anticon-down"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M895.7 300.1c0 9.6-3.2 19.3-9.6 27.4L545.2 751.3c-8.3 10.3-20.8 16.3-34.1 16.3-13.2 0-25.8-6-34-16.3L138 329.3c-15.1-18.8-12.1-46.3 6.7-61.4 18.8-15.1 46.3-12.1 61.4 6.7l305.1 379.6L818 272.7c15.1-18.8 42.6-21.8 61.4-6.7 10.7 8.7 16.3 21.3 16.3 34.1z"
/>
</svg>
</i>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="8"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class=""
>
82
</td>
<td
class=""
>
New York No. 8 Lake Park
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Action 一 John Brown
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
class="ant-dropdown-link"
href="javascript:;"
>
More actions
<i
class="anticon anticon-down"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M895.7 300.1c0 9.6-3.2 19.3-9.6 27.4L545.2 751.3c-8.3 10.3-20.8 16.3-34.1 16.3-13.2 0-25.8-6-34-16.3L138 329.3c-15.1-18.8-12.1-46.3 6.7-61.4 18.8-15.1 46.3-12.1 61.4 6.7l305.1 379.6L818 272.7c15.1-18.8 42.6-21.8 61.4-6.7 10.7 8.7 16.3 21.3 16.3 34.1z"
/>
</svg>
</i>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="9"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class=""
>
92
</td>
<td
class=""
>
New York No. 9 Lake Park
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Action 一 John Brown
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
class="ant-dropdown-link"
href="javascript:;"
>
More actions
<i
class="anticon anticon-down"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M895.7 300.1c0 9.6-3.2 19.3-9.6 27.4L545.2 751.3c-8.3 10.3-20.8 16.3-34.1 16.3-13.2 0-25.8-6-34-16.3L138 329.3c-15.1-18.8-12.1-46.3 6.7-61.4 18.8-15.1 46.3-12.1 61.4 6.7l305.1 379.6L818 272.7c15.1-18.8 42.6-21.8 61.4-6.7 10.7 8.7 16.3 21.3 16.3 34.1z"
/>
</svg>
</i>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="10"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class=""
>
102
</td>
<td
class=""
>
New York No. 10 Lake Park
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Action 一 John Brown
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
class="ant-dropdown-link"
href="javascript:;"
>
More actions
<i
class="anticon anticon-down"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M895.7 300.1c0 9.6-3.2 19.3-9.6 27.4L545.2 751.3c-8.3 10.3-20.8 16.3-34.1 16.3-13.2 0-25.8-6-34-16.3L138 329.3c-15.1-18.8-12.1-46.3 6.7-61.4 18.8-15.1 46.3-12.1 61.4 6.7l305.1 379.6L818 272.7c15.1-18.8 42.6-21.8 61.4-6.7 10.7 8.7 16.3 21.3 16.3 34.1z"
/>
</svg>
</i>
</a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="ant-table-footer"
>
Here is footer
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
<div>
<button
class="ant-btn ant-btn-primary"
style="margin-bottom:16px"
type="button"
>
<span>
Add a row
</span>
</button>
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-bordered ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col
style="width:30%;min-width:30%"
/>
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
name
</span>
</th>
<th
class=""
>
<span>
age
</span>
</th>
<th
class=""
>
<span>
address
</span>
</th>
<th
class=""
>
<span>
operation
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row editable-row ant-table-row-level-0"
data-row-key="0"
>
<td
class=""
>
<div
class="editable-cell-value-wrap"
style="padding-right:24px"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 0
</div>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 0
</td>
<td
class=""
>
<a
href="javascript:;"
>
Delete
</a>
</td>
</tr>
<tr
class="ant-table-row editable-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<div
class="editable-cell-value-wrap"
style="padding-right:24px"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 1
</div>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 1
</td>
<td
class=""
>
<a
href="javascript:;"
>
Delete
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-bordered ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col
style="width:25%;min-width:25%"
/>
<col
style="width:15%;min-width:15%"
/>
<col
style="width:40%;min-width:40%"
/>
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
name
</span>
</th>
<th
class=""
>
<span>
age
</span>
</th>
<th
class=""
>
<span>
address
</span>
</th>
<th
class=""
>
<span>
operation
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row editable-row ant-table-row-level-0"
data-row-key="0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 0
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
<div>
<a>
Edit
</a>
</div>
</td>
</tr>
<tr
class="ant-table-row editable-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 1
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
<div>
<a>
Edit
</a>
</div>
</td>
</tr>
<tr
class="ant-table-row editable-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 2
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
<div>
<a>
Edit
</a>
</div>
</td>
</tr>
<tr
class="ant-table-row editable-row ant-table-row-level-0"
data-row-key="3"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 3
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
<div>
<a>
Edit
</a>
</div>
</td>
</tr>
<tr
class="ant-table-row editable-row ant-table-row-level-0"
data-row-key="4"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 4
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
<div>
<a>
Edit
</a>
</div>
</td>
</tr>
<tr
class="ant-table-row editable-row ant-table-row-level-0"
data-row-key="5"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 5
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
<div>
<a>
Edit
</a>
</div>
</td>
</tr>
<tr
class="ant-table-row editable-row ant-table-row-level-0"
data-row-key="6"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 6
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
<div>
<a>
Edit
</a>
</div>
</td>
</tr>
<tr
class="ant-table-row editable-row ant-table-row-level-0"
data-row-key="7"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 7
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
<div>
<a>
Edit
</a>
</div>
</td>
</tr>
<tr
class="ant-table-row editable-row ant-table-row-level-0"
data-row-key="8"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 8
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
<div>
<a>
Edit
</a>
</div>
</td>
</tr>
<tr
class="ant-table-row editable-row ant-table-row-level-0"
data-row-key="9"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 9
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
<div>
<a>
Edit
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
tabindex="0"
title="2"
>
<a>
2
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-3"
tabindex="0"
title="3"
>
<a>
3
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-4"
tabindex="0"
title="4"
>
<a>
4
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
tabindex="0"
title="5"
>
<a>
5
</a>
</li>
<li
class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"
tabindex="0"
title="Next 5 Pages"
>
<a
class="ant-pagination-item-link"
>
<div
class="ant-pagination-item-container"
>
<i
class="anticon anticon-double-right ant-pagination-item-link-icon"
>
<svg
aria-hidden="true"
class="ant-pagination-item-link-icon-svg"
data-icon="double-right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M431 879.4c-15.1-18.8-12.1-46.3 6.7-61.4l381.5-306.9-379.6-305c-18.8-15.1-21.8-42.6-6.7-61.4 15.1-18.8 42.6-21.8 61.4-6.7l422 339.1c10.3 8.2 16.3 20.8 16.3 34 0 13.3-6 25.8-16.3 34.1L492.5 886.1c-8.1 6.4-17.8 9.6-27.4 9.6-12.8 0-25.4-5.6-34.1-16.3z"
/>
<path
d="M101 879.4c-15.1-18.8-12.1-46.3 6.7-61.4l381.5-306.9-379.6-305c-18.8-15.1-21.8-42.6-6.7-61.4 15.1-18.8 42.6-21.8 61.4-6.7l422 339.1c10.3 8.2 16.3 20.8 16.3 34 0 13.3-6 25.8-16.3 34.1L162.5 886.1c-8.1 6.4-17.8 9.6-27.4 9.6-12.8 0-25.4-5.6-34.1-16.3z"
/>
</svg>
</i>
<span
class="ant-pagination-item-ellipsis"
>
•••
</span>
</div>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-10"
tabindex="0"
title="10"
>
<a>
10
</a>
</li>
<li
aria-disabled="false"
class=" ant-pagination-next"
tabindex="0"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/expand.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col
class="ant-table-expand-icon-col"
/>
<col />
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-expand-icon-th"
rowspan="1"
title=""
/>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
<th
class=""
>
<span>
Action
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class=""
>
John Brown
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
<td
class=""
>
<a
href="javascript:;"
>
Delete
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class=""
>
Jim Green
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
<td
class=""
>
<a
href="javascript:;"
>
Delete
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class=""
>
Joe Black
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
<td
class=""
>
<a
href="javascript:;"
>
Delete
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/expand-children.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col
style="width:12%;min-width:12%"
/>
<col
style="width:30%;min-width:30%"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-selection-column"
>
<span>
<div
class="ant-table-selection"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</div>
</span>
</th>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<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
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
John Brown sr.
</td>
<td
class=""
>
60
</td>
<td
class=""
>
New York No. 1 Lake Park
</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
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<span
class="ant-table-row-expand-icon ant-table-row-spaced"
/>
Joe Black
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-scroll"
>
<div
class="ant-table-body"
style="overflow-x:scroll;-webkit-transform:translate3d (0, 0, 0)"
>
<table
class="ant-table-fixed"
style="width:1300px"
>
<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"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-fixed-columns-in-body"
>
<span>
Full Name
</span>
</th>
<th
class="ant-table-fixed-columns-in-body"
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Column 1
</span>
</th>
<th
class=""
>
<span>
Column 2
</span>
</th>
<th
class=""
>
<span>
Column 3
</span>
</th>
<th
class=""
>
<span>
Column 4
</span>
</th>
<th
class=""
>
<span>
Column 5
</span>
</th>
<th
class=""
>
<span>
Column 6
</span>
</th>
<th
class=""
>
<span>
Column 7
</span>
</th>
<th
class=""
>
<span>
Column 8
</span>
</th>
<th
class="ant-table-fixed-columns-in-body"
>
<span>
Action
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class="ant-table-fixed-columns-in-body"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class="ant-table-fixed-columns-in-body"
>
32
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class="ant-table-fixed-columns-in-body"
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class="ant-table-fixed-columns-in-body"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Jim Green
</td>
<td
class="ant-table-fixed-columns-in-body"
>
40
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class="ant-table-fixed-columns-in-body"
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div
class="ant-table-fixed-left"
>
<div
class="ant-table-body-outer"
style="-webkit-transform:translate3d (0, 0, 0)"
>
<div
class="ant-table-body-inner"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
style="width:100px;min-width:100px"
/>
<col
style="width:100px;min-width:100px"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Full Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Jim Green
</td>
<td
class=""
>
40
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div
class="ant-table-fixed-right"
>
<div
class="ant-table-body-outer"
style="-webkit-transform:translate3d (0, 0, 0)"
>
<div
class="ant-table-body-inner"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
style="width:100px;min-width:100px"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Action
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-fixed-header ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-scroll"
>
<div
class="ant-table-header"
>
<table
class="ant-table-fixed"
style="width:1500px"
>
<colgroup>
<col
style="width:100px;min-width:100px"
/>
<col
style="width:100px;min-width:100px"
/>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col />
<col
style="width:100px;min-width:100px"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-fixed-columns-in-body"
>
<span>
Full Name
</span>
</th>
<th
class="ant-table-fixed-columns-in-body"
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Column 1
</span>
</th>
<th
class=""
>
<span>
Column 2
</span>
</th>
<th
class=""
>
<span>
Column 3
</span>
</th>
<th
class=""
>
<span>
Column 4
</span>
</th>
<th
class=""
>
<span>
Column 5
</span>
</th>
<th
class=""
>
<span>
Column 6
</span>
</th>
<th
class=""
>
<span>
Column 7
</span>
</th>
<th
class=""
>
<span>
Column 8
</span>
</th>
<th
class="ant-table-fixed-columns-in-body"
>
<span>
Action
</span>
</th>
</tr>
</thead>
</table>
</div>
<div
class="ant-table-body"
style="overflow-x:scroll;-webkit-transform:translate3d (0, 0, 0);max-height:300px;overflow-y:scroll"
>
<table
class="ant-table-fixed"
style="width:1500px"
>
<colgroup>
<col
style="width:100px;min-width:100px"
/>
<col
style="width:100px;min-width:100px"
/>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col />
<col
style="width:100px;min-width:100px"
/>
</colgroup>
<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"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 0
</td>
<td
class="ant-table-fixed-columns-in-body"
>
32
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class="ant-table-fixed-columns-in-body"
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class="ant-table-fixed-columns-in-body"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 1
</td>
<td
class="ant-table-fixed-columns-in-body"
>
32
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class="ant-table-fixed-columns-in-body"
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class="ant-table-fixed-columns-in-body"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 2
</td>
<td
class="ant-table-fixed-columns-in-body"
>
32
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class="ant-table-fixed-columns-in-body"
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class="ant-table-fixed-columns-in-body"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 3
</td>
<td
class="ant-table-fixed-columns-in-body"
>
32
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class="ant-table-fixed-columns-in-body"
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class="ant-table-fixed-columns-in-body"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 4
</td>
<td
class="ant-table-fixed-columns-in-body"
>
32
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class="ant-table-fixed-columns-in-body"
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="5"
>
<td
class="ant-table-fixed-columns-in-body"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 5
</td>
<td
class="ant-table-fixed-columns-in-body"
>
32
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class="ant-table-fixed-columns-in-body"
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="6"
>
<td
class="ant-table-fixed-columns-in-body"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 6
</td>
<td
class="ant-table-fixed-columns-in-body"
>
32
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class="ant-table-fixed-columns-in-body"
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="7"
>
<td
class="ant-table-fixed-columns-in-body"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 7
</td>
<td
class="ant-table-fixed-columns-in-body"
>
32
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class="ant-table-fixed-columns-in-body"
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="8"
>
<td
class="ant-table-fixed-columns-in-body"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 8
</td>
<td
class="ant-table-fixed-columns-in-body"
>
32
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class="ant-table-fixed-columns-in-body"
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="9"
>
<td
class="ant-table-fixed-columns-in-body"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 9
</td>
<td
class="ant-table-fixed-columns-in-body"
>
32
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class="ant-table-fixed-columns-in-body"
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div
class="ant-table-fixed-left"
>
<div
class="ant-table-header"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
style="width:100px;min-width:100px"
/>
<col
style="width:100px;min-width:100px"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Full Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
</tr>
</thead>
</table>
</div>
<div
class="ant-table-body-outer"
style="-webkit-transform:translate3d (0, 0, 0)"
>
<div
class="ant-table-body-inner"
style="max-height:300px;overflow-y:scroll"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
style="width:100px;min-width:100px"
/>
<col
style="width:100px;min-width:100px"
/>
</colgroup>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 0
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 1
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 2
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 3
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 4
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="5"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 5
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="6"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 6
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="7"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 7
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="8"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 8
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="9"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edrward 9
</td>
<td
class=""
>
32
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div
class="ant-table-fixed-right"
>
<div
class="ant-table-header"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
style="width:100px;min-width:100px"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Action
</span>
</th>
</tr>
</thead>
</table>
</div>
<div
class="ant-table-body-outer"
style="-webkit-transform:translate3d (0, 0, 0)"
>
<div
class="ant-table-body-inner"
style="max-height:300px;overflow-y:scroll"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
style="width:100px;min-width:100px"
/>
</colgroup>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="0"
>
<td
class=""
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class=""
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class=""
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="5"
>
<td
class=""
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="6"
>
<td
class=""
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="7"
>
<td
class=""
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="8"
>
<td
class=""
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="9"
>
<td
class=""
>
<a
href="javascript:;"
>
action
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
tabindex="0"
title="2"
>
<a>
2
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-3"
tabindex="0"
title="3"
>
<a>
3
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-4"
tabindex="0"
title="4"
>
<a>
4
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
tabindex="0"
title="5"
>
<a>
5
</a>
</li>
<li
class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"
tabindex="0"
title="Next 5 Pages"
>
<a
class="ant-pagination-item-link"
>
<div
class="ant-pagination-item-container"
>
<i
class="anticon anticon-double-right ant-pagination-item-link-icon"
>
<svg
aria-hidden="true"
class="ant-pagination-item-link-icon-svg"
data-icon="double-right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M431 879.4c-15.1-18.8-12.1-46.3 6.7-61.4l381.5-306.9-379.6-305c-18.8-15.1-21.8-42.6-6.7-61.4 15.1-18.8 42.6-21.8 61.4-6.7l422 339.1c10.3 8.2 16.3 20.8 16.3 34 0 13.3-6 25.8-16.3 34.1L492.5 886.1c-8.1 6.4-17.8 9.6-27.4 9.6-12.8 0-25.4-5.6-34.1-16.3z"
/>
<path
d="M101 879.4c-15.1-18.8-12.1-46.3 6.7-61.4l381.5-306.9-379.6-305c-18.8-15.1-21.8-42.6-6.7-61.4 15.1-18.8 42.6-21.8 61.4-6.7l422 339.1c10.3 8.2 16.3 20.8 16.3 34 0 13.3-6 25.8-16.3 34.1L162.5 886.1c-8.1 6.4-17.8 9.6-27.4 9.6-12.8 0-25.4-5.6-34.1-16.3z"
/>
</svg>
</i>
<span
class="ant-pagination-item-ellipsis"
>
•••
</span>
</div>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-10"
tabindex="0"
title="10"
>
<a>
10
</a>
</li>
<li
aria-disabled="false"
class=" ant-pagination-next"
tabindex="0"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-fixed-header ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-scroll"
>
<div
class="ant-table-header"
>
<table
class=""
>
<colgroup>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
</table>
</div>
<div
class="ant-table-body"
style="max-height:240px;overflow-y:scroll"
>
<table
class=""
>
<colgroup>
<col
style="width:150px;min-width:150px"
/>
<col
style="width:150px;min-width:150px"
/>
<col />
</colgroup>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 0
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 0
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 1
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 1
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 2
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 2
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 3
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 3
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 4
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 4
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="5"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 5
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 5
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="6"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 6
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 6
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="7"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 7
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 7
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="8"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 8
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 8
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="9"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 9
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 9
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="10"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 10
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 10
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="11"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 11
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 11
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="12"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 12
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 12
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="13"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 13
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 13
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="14"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 14
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 14
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="15"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 15
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 15
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="16"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 16
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 16
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="17"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 17
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 17
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="18"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 18
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 18
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="19"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 19
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 19
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="20"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 20
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 20
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="21"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 21
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 21
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="22"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 22
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 22
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="23"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 23
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 23
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="24"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 24
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 24
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="25"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 25
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 25
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="26"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 26
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 26
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="27"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 27
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 27
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="28"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 28
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 28
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="29"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 29
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 29
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="30"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 30
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 30
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="31"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 31
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 31
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="32"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 32
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="33"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 33
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 33
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="34"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 34
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 34
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="35"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 35
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 35
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="36"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 36
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 36
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="37"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 37
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 37
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="38"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 38
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 38
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="39"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 39
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 39
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="40"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 40
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 40
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="41"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 41
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 41
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="42"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 42
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 42
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="43"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 43
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 43
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="44"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 44
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 44
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="45"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 45
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 45
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="46"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 46
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 46
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="47"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 47
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 47
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="48"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 48
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 48
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="49"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 49
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 49
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
tabindex="0"
title="2"
>
<a>
2
</a>
</li>
<li
aria-disabled="false"
class=" ant-pagination-next"
tabindex="0"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-middle ant-table-bordered ant-table-fixed-header ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-scroll"
>
<div
class="ant-table-header"
>
<table
class="ant-table-fixed"
style="width:130%"
>
<colgroup>
<col
style="width:100px;min-width:100px"
/>
<col
style="width:200px;min-width:200px"
/>
<col
style="width:200px;min-width:200px"
/>
<col
style="width:100px;min-width:100px"
/>
<col
style="width:100px;min-width:100px"
/>
<col />
<col />
<col
style="width:80px;min-width:80px"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-fixed-columns-in-body ant-table-column-has-filters"
rowspan="4"
>
<span>
Name
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="Filter menu"
>
<svg
aria-hidden="true"
class=""
data-icon="filter"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M890.1 176.6c-12.8-31-42.8-51-76.4-51H212c-33.5 0-63.5 20-76.4 51-12.9 31-5.9 66.3 17.8 90.1l273 263.3v262c0 9.3 3.6 18.3 10.1 25l125.2 129.5c6.9 7.2 16.3 11 25.9 11 4.5 0 9.1-.9 13.5-2.6 13.6-5.5 22.5-18.7 22.5-33.4V528.3l248.5-261.5c23.8-23.8 30.8-59.1 18-90.2zm-68.9 39.2l-259 272.1c-6.8 6.8-10.5 15.9-10.5 25.5v322l-53.2-58V515c0-9.5-3.8-18.7-10.5-25.4L204.4 215.8c-4.2-4.2-3.5-8.6-2.3-11.6 1.2-3 4-6.6 9.9-6.6h601.7c5.9 0 8.6 3.6 9.9 6.6 1.2 3 1.8 7.5-2.4 11.6z"
/>
</svg>
</i>
</span>
</th>
<th
class=""
colspan="4"
>
<span>
Other
</span>
</th>
<th
class=""
colspan="2"
>
<span>
Company
</span>
</th>
<th
class="ant-table-fixed-columns-in-body"
rowspan="4"
>
<span>
Gender
</span>
</th>
</tr>
<tr>
<th
class="ant-table-column-has-filters"
rowspan="3"
>
<span>
Age
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-up"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 632.8l405.1-489.1c16.9-18.9 46.5-18.9 63.4 0l403.1 489.1c24.4 27.4 5 70.8-31.7 70.8H107.9c-36.6 0-56.1-43.4-31.6-70.8z"
/>
</svg>
</i>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 392.3l403.1 489.1c16.9 18.9 46.5 18.9 63.4 0l405.1-489.1c24.4-27.4 5-70.8-31.7-70.8H108.1c-36.8 0-56.3 43.4-31.8 70.8z"
/>
</svg>
</i>
</span>
</div>
</span>
</th>
<th
class=""
colspan="3"
>
<span>
Address
</span>
</th>
<th
class=""
rowspan="3"
>
<span>
Company Address
</span>
</th>
<th
class=""
rowspan="3"
>
<span>
Company Name
</span>
</th>
</tr>
<tr>
<th
class=""
rowspan="2"
>
<span>
Street
</span>
</th>
<th
class=""
colspan="2"
>
<span>
Block
</span>
</th>
</tr>
<tr>
<th
class=""
>
<span>
Building
</span>
</th>
<th
class=""
>
<span>
Door No.
</span>
</th>
</tr>
</thead>
</table>
</div>
<div
class="ant-table-body"
style="overflow-x:scroll;-webkit-transform:translate3d (0, 0, 0);max-height:240px;overflow-y:scroll"
>
<table
class="ant-table-fixed"
style="width:130%"
>
<colgroup>
<col
style="width:100px;min-width:100px"
/>
<col
style="width:200px;min-width:200px"
/>
<col
style="width:200px;min-width:200px"
/>
<col
style="width:100px;min-width:100px"
/>
<col
style="width:100px;min-width:100px"
/>
<col />
<col />
<col
style="width:80px;min-width:80px"
/>
</colgroup>
<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-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class="ant-table-column-has-filters"
>
1
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class="ant-table-fixed-columns-in-body"
>
M
</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-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class="ant-table-column-has-filters"
>
2
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class="ant-table-fixed-columns-in-body"
>
M
</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-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class="ant-table-column-has-filters"
>
3
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class="ant-table-fixed-columns-in-body"
>
M
</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-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class="ant-table-column-has-filters"
>
4
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class="ant-table-fixed-columns-in-body"
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class="ant-table-fixed-columns-in-body ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class="ant-table-column-has-filters"
>
5
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class="ant-table-fixed-columns-in-body"
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="5"
>
<td
class="ant-table-fixed-columns-in-body ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class="ant-table-column-has-filters"
>
6
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class="ant-table-fixed-columns-in-body"
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="6"
>
<td
class="ant-table-fixed-columns-in-body ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class="ant-table-column-has-filters"
>
7
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class="ant-table-fixed-columns-in-body"
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="7"
>
<td
class="ant-table-fixed-columns-in-body ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class="ant-table-column-has-filters"
>
8
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class="ant-table-fixed-columns-in-body"
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="8"
>
<td
class="ant-table-fixed-columns-in-body ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class="ant-table-column-has-filters"
>
9
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class="ant-table-fixed-columns-in-body"
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="9"
>
<td
class="ant-table-fixed-columns-in-body ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class="ant-table-column-has-filters"
>
10
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class="ant-table-fixed-columns-in-body"
>
M
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div
class="ant-table-fixed-left"
>
<div
class="ant-table-header"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
style="width:100px;min-width:100px"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-column-has-filters"
rowspan="4"
>
<span>
Name
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="Filter menu"
>
<svg
aria-hidden="true"
class=""
data-icon="filter"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M890.1 176.6c-12.8-31-42.8-51-76.4-51H212c-33.5 0-63.5 20-76.4 51-12.9 31-5.9 66.3 17.8 90.1l273 263.3v262c0 9.3 3.6 18.3 10.1 25l125.2 129.5c6.9 7.2 16.3 11 25.9 11 4.5 0 9.1-.9 13.5-2.6 13.6-5.5 22.5-18.7 22.5-33.4V528.3l248.5-261.5c23.8-23.8 30.8-59.1 18-90.2zm-68.9 39.2l-259 272.1c-6.8 6.8-10.5 15.9-10.5 25.5v322l-53.2-58V515c0-9.5-3.8-18.7-10.5-25.4L204.4 215.8c-4.2-4.2-3.5-8.6-2.3-11.6 1.2-3 4-6.6 9.9-6.6h601.7c5.9 0 8.6 3.6 9.9 6.6 1.2 3 1.8 7.5-2.4 11.6z"
/>
</svg>
</i>
</span>
</th>
</tr>
</thead>
</table>
</div>
<div
class="ant-table-body-outer"
style="-webkit-transform:translate3d (0, 0, 0)"
>
<div
class="ant-table-body-inner"
style="max-height:240px;overflow-y:scroll"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
style="width:100px;min-width:100px"
/>
</colgroup>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="0"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="5"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="6"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="7"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="8"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="9"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div
class="ant-table-fixed-right"
>
<div
class="ant-table-header"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
style="width:80px;min-width:80px"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
rowspan="4"
>
<span>
Gender
</span>
</th>
</tr>
</thead>
</table>
</div>
<div
class="ant-table-body-outer"
style="-webkit-transform:translate3d (0, 0, 0)"
>
<div
class="ant-table-body-inner"
style="max-height:240px;overflow-y:scroll"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
style="width:80px;min-width:80px"
/>
</colgroup>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="0"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="5"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="6"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="7"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="8"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="9"
>
<td
class=""
>
M
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination mini"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
tabindex="0"
title="2"
>
<a>
2
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-3"
tabindex="0"
title="3"
>
<a>
3
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-4"
tabindex="0"
title="4"
>
<a>
4
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
tabindex="0"
title="5"
>
<a>
5
</a>
</li>
<li
class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"
tabindex="0"
title="Next 5 Pages"
>
<a
class="ant-pagination-item-link"
>
<div
class="ant-pagination-item-container"
>
<i
class="anticon anticon-double-right ant-pagination-item-link-icon"
>
<svg
aria-hidden="true"
class="ant-pagination-item-link-icon-svg"
data-icon="double-right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M431 879.4c-15.1-18.8-12.1-46.3 6.7-61.4l381.5-306.9-379.6-305c-18.8-15.1-21.8-42.6-6.7-61.4 15.1-18.8 42.6-21.8 61.4-6.7l422 339.1c10.3 8.2 16.3 20.8 16.3 34 0 13.3-6 25.8-16.3 34.1L492.5 886.1c-8.1 6.4-17.8 9.6-27.4 9.6-12.8 0-25.4-5.6-34.1-16.3z"
/>
<path
d="M101 879.4c-15.1-18.8-12.1-46.3 6.7-61.4l381.5-306.9-379.6-305c-18.8-15.1-21.8-42.6-6.7-61.4 15.1-18.8 42.6-21.8 61.4-6.7l422 339.1c10.3 8.2 16.3 20.8 16.3 34 0 13.3-6 25.8-16.3 34.1L162.5 886.1c-8.1 6.4-17.8 9.6-27.4 9.6-12.8 0-25.4-5.6-34.1-16.3z"
/>
</svg>
</i>
<span
class="ant-pagination-item-ellipsis"
>
•••
</span>
</div>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-10"
tabindex="0"
title="10"
>
<a>
10
</a>
</li>
<li
aria-disabled="false"
class=" ant-pagination-next"
tabindex="0"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/head.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-column-has-filters"
>
<span>
Name
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-up"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 632.8l405.1-489.1c16.9-18.9 46.5-18.9 63.4 0l403.1 489.1c24.4 27.4 5 70.8-31.7 70.8H107.9c-36.6 0-56.1-43.4-31.6-70.8z"
/>
</svg>
</i>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 392.3l403.1 489.1c16.9 18.9 46.5 18.9 63.4 0l405.1-489.1c24.4-27.4 5-70.8-31.7-70.8H108.1c-36.8 0-56.3 43.4-31.8 70.8z"
/>
</svg>
</i>
</span>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="Filter menu"
>
<svg
aria-hidden="true"
class=""
data-icon="filter"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M890.1 176.6c-12.8-31-42.8-51-76.4-51H212c-33.5 0-63.5 20-76.4 51-12.9 31-5.9 66.3 17.8 90.1l273 263.3v262c0 9.3 3.6 18.3 10.1 25l125.2 129.5c6.9 7.2 16.3 11 25.9 11 4.5 0 9.1-.9 13.5-2.6 13.6-5.5 22.5-18.7 22.5-33.4V528.3l248.5-261.5c23.8-23.8 30.8-59.1 18-90.2zm-68.9 39.2l-259 272.1c-6.8 6.8-10.5 15.9-10.5 25.5v322l-53.2-58V515c0-9.5-3.8-18.7-10.5-25.4L204.4 215.8c-4.2-4.2-3.5-8.6-2.3-11.6 1.2-3 4-6.6 9.9-6.6h601.7c5.9 0 8.6 3.6 9.9 6.6 1.2 3 1.8 7.5-2.4 11.6z"
/>
</svg>
</i>
</span>
</th>
<th
class="ant-table-column-has-filters ant-table-column-sort"
>
<span>
Age
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-up"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 632.8l405.1-489.1c16.9-18.9 46.5-18.9 63.4 0l403.1 489.1c24.4 27.4 5 70.8-31.7 70.8H107.9c-36.6 0-56.1-43.4-31.6-70.8z"
/>
</svg>
</i>
</span>
<span
class="ant-table-column-sorter-down on"
title="↓"
>
<i
class="anticon anticon-caret-down"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 392.3l403.1 489.1c16.9 18.9 46.5 18.9 63.4 0l405.1-489.1c24.4-27.4 5-70.8-31.7-70.8H108.1c-36.8 0-56.3 43.4-31.8 70.8z"
/>
</svg>
</i>
</span>
</div>
</span>
</th>
<th
class="ant-table-column-has-filters"
>
<span>
Address
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-up"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 632.8l405.1-489.1c16.9-18.9 46.5-18.9 63.4 0l403.1 489.1c24.4 27.4 5 70.8-31.7 70.8H107.9c-36.6 0-56.1-43.4-31.6-70.8z"
/>
</svg>
</i>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 392.3l403.1 489.1c16.9 18.9 46.5 18.9 63.4 0l405.1-489.1c24.4-27.4 5-70.8-31.7-70.8H108.1c-36.8 0-56.3 43.4-31.8 70.8z"
/>
</svg>
</i>
</span>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="Filter menu"
>
<svg
aria-hidden="true"
class=""
data-icon="filter"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M890.1 176.6c-12.8-31-42.8-51-76.4-51H212c-33.5 0-63.5 20-76.4 51-12.9 31-5.9 66.3 17.8 90.1l273 263.3v262c0 9.3 3.6 18.3 10.1 25l125.2 129.5c6.9 7.2 16.3 11 25.9 11 4.5 0 9.1-.9 13.5-2.6 13.6-5.5 22.5-18.7 22.5-33.4V528.3l248.5-261.5c23.8-23.8 30.8-59.1 18-90.2zm-68.9 39.2l-259 272.1c-6.8 6.8-10.5 15.9-10.5 25.5v322l-53.2-58V515c0-9.5-3.8-18.7-10.5-25.4L204.4 215.8c-4.2-4.2-3.5-8.6-2.3-11.6 1.2-3 4-6.6 9.9-6.6h601.7c5.9 0 8.6 3.6 9.9 6.6 1.2 3 1.8 7.5-2.4 11.6z"
/>
</svg>
</i>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Jim Green
</td>
<td
class="ant-table-column-has-filters ant-table-column-sort"
>
42
</td>
<td
class="ant-table-column-has-filters"
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class="ant-table-column-has-filters ant-table-column-sort"
>
32
</td>
<td
class="ant-table-column-has-filters"
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Joe Black
</td>
<td
class="ant-table-column-has-filters ant-table-column-sort"
>
32
</td>
<td
class="ant-table-column-has-filters"
>
Sidney No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Jim Red
</td>
<td
class="ant-table-column-has-filters ant-table-column-sort"
>
32
</td>
<td
class="ant-table-column-has-filters"
>
London No. 2 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/jsx.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
colspan="2"
>
<span>
Name
</span>
</th>
<th
class=""
rowspan="2"
>
<span>
Age
</span>
</th>
<th
class=""
rowspan="2"
>
<span>
Address
</span>
</th>
<th
class=""
rowspan="2"
>
<span>
Tags
</span>
</th>
<th
class=""
rowspan="2"
>
<span>
Action
</span>
</th>
</tr>
<tr>
<th
class=""
>
<span>
First Name
</span>
</th>
<th
class=""
>
<span>
Last Name
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John
</td>
<td
class=""
>
Brown
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
<td
class=""
>
<span>
<div
class="ant-tag ant-tag-blue"
data-show="true"
>
nice
</div>
<div
class="ant-tag ant-tag-blue"
data-show="true"
>
developer
</div>
</span>
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Invite Brown
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Jim
</td>
<td
class=""
>
Green
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
<td
class=""
>
<span>
<div
class="ant-tag ant-tag-blue"
data-show="true"
>
loser
</div>
</span>
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Invite Green
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Joe
</td>
<td
class=""
>
Black
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
<td
class=""
>
<span>
<div
class="ant-tag ant-tag-blue"
data-show="true"
>
cool
</div>
<div
class="ant-tag ant-tag-blue"
data-show="true"
>
teacher
</div>
</span>
</td>
<td
class=""
>
<span>
<a
href="javascript:;"
>
Invite Black
</a>
<div
class="ant-divider ant-divider-vertical"
/>
<a
href="javascript:;"
>
Delete
</a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/nested-table.md correctly 1`] = `
<div
class="ant-table-wrapper components-table-demo-nested"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col
class="ant-table-expand-icon-col"
/>
<col />
<col />
<col />
<col />
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-expand-icon-th"
rowspan="1"
title=""
/>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Platform
</span>
</th>
<th
class=""
>
<span>
Version
</span>
</th>
<th
class=""
>
<span>
Upgraded
</span>
</th>
<th
class=""
>
<span>
Creator
</span>
</th>
<th
class=""
>
<span>
Date
</span>
</th>
<th
class=""
>
<span>
Action
</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-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class=""
>
Screem
</td>
<td
class=""
>
iOS
</td>
<td
class=""
>
10.3.4.5654
</td>
<td
class=""
>
500
</td>
<td
class=""
>
Jack
</td>
<td
class=""
>
2014-12-24 23:12:00
</td>
<td
class=""
>
<a
href="javascript:;"
>
Publish
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class=""
>
Screem
</td>
<td
class=""
>
iOS
</td>
<td
class=""
>
10.3.4.5654
</td>
<td
class=""
>
500
</td>
<td
class=""
>
Jack
</td>
<td
class=""
>
2014-12-24 23:12:00
</td>
<td
class=""
>
<a
href="javascript:;"
>
Publish
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class=""
>
Screem
</td>
<td
class=""
>
iOS
</td>
<td
class=""
>
10.3.4.5654
</td>
<td
class=""
>
500
</td>
<td
class=""
>
Jack
</td>
<td
class=""
>
2014-12-24 23:12:00
</td>
<td
class=""
>
<a
href="javascript:;"
>
Publish
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
<div>
<div
class="table-operations"
>
<button
class="ant-btn"
type="button"
>
<span>
Sort age
</span>
</button>
<button
class="ant-btn"
type="button"
>
<span>
Clear filters
</span>
</button>
<button
class="ant-btn"
type="button"
>
<span>
Clear filters and sorters
</span>
</button>
</div>
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-column-has-filters"
>
<span>
Name
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-up"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 632.8l405.1-489.1c16.9-18.9 46.5-18.9 63.4 0l403.1 489.1c24.4 27.4 5 70.8-31.7 70.8H107.9c-36.6 0-56.1-43.4-31.6-70.8z"
/>
</svg>
</i>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 392.3l403.1 489.1c16.9 18.9 46.5 18.9 63.4 0l405.1-489.1c24.4-27.4 5-70.8-31.7-70.8H108.1c-36.8 0-56.3 43.4-31.8 70.8z"
/>
</svg>
</i>
</span>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="Filter menu"
>
<svg
aria-hidden="true"
class=""
data-icon="filter"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M890.1 176.6c-12.8-31-42.8-51-76.4-51H212c-33.5 0-63.5 20-76.4 51-12.9 31-5.9 66.3 17.8 90.1l273 263.3v262c0 9.3 3.6 18.3 10.1 25l125.2 129.5c6.9 7.2 16.3 11 25.9 11 4.5 0 9.1-.9 13.5-2.6 13.6-5.5 22.5-18.7 22.5-33.4V528.3l248.5-261.5c23.8-23.8 30.8-59.1 18-90.2zm-68.9 39.2l-259 272.1c-6.8 6.8-10.5 15.9-10.5 25.5v322l-53.2-58V515c0-9.5-3.8-18.7-10.5-25.4L204.4 215.8c-4.2-4.2-3.5-8.6-2.3-11.6 1.2-3 4-6.6 9.9-6.6h601.7c5.9 0 8.6 3.6 9.9 6.6 1.2 3 1.8 7.5-2.4 11.6z"
/>
</svg>
</i>
</span>
</th>
<th
class="ant-table-column-has-filters"
>
<span>
Age
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-up"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 632.8l405.1-489.1c16.9-18.9 46.5-18.9 63.4 0l403.1 489.1c24.4 27.4 5 70.8-31.7 70.8H107.9c-36.6 0-56.1-43.4-31.6-70.8z"
/>
</svg>
</i>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 392.3l403.1 489.1c16.9 18.9 46.5 18.9 63.4 0l405.1-489.1c24.4-27.4 5-70.8-31.7-70.8H108.1c-36.8 0-56.3 43.4-31.8 70.8z"
/>
</svg>
</i>
</span>
</div>
</span>
</th>
<th
class="ant-table-column-has-filters"
>
<span>
Address
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-up"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 632.8l405.1-489.1c16.9-18.9 46.5-18.9 63.4 0l403.1 489.1c24.4 27.4 5 70.8-31.7 70.8H107.9c-36.6 0-56.1-43.4-31.6-70.8z"
/>
</svg>
</i>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M76.3 392.3l403.1 489.1c16.9 18.9 46.5 18.9 63.4 0l405.1-489.1c24.4-27.4 5-70.8-31.7-70.8H108.1c-36.8 0-56.3 43.4-31.8 70.8z"
/>
</svg>
</i>
</span>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="Filter menu"
>
<svg
aria-hidden="true"
class=""
data-icon="filter"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M890.1 176.6c-12.8-31-42.8-51-76.4-51H212c-33.5 0-63.5 20-76.4 51-12.9 31-5.9 66.3 17.8 90.1l273 263.3v262c0 9.3 3.6 18.3 10.1 25l125.2 129.5c6.9 7.2 16.3 11 25.9 11 4.5 0 9.1-.9 13.5-2.6 13.6-5.5 22.5-18.7 22.5-33.4V528.3l248.5-261.5c23.8-23.8 30.8-59.1 18-90.2zm-68.9 39.2l-259 272.1c-6.8 6.8-10.5 15.9-10.5 25.5v322l-53.2-58V515c0-9.5-3.8-18.7-10.5-25.4L204.4 215.8c-4.2-4.2-3.5-8.6-2.3-11.6 1.2-3 4-6.6 9.9-6.6h601.7c5.9 0 8.6 3.6 9.9 6.6 1.2 3 1.8 7.5-2.4 11.6z"
/>
</svg>
</i>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class="ant-table-column-has-filters"
>
32
</td>
<td
class="ant-table-column-has-filters"
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Jim Green
</td>
<td
class="ant-table-column-has-filters"
>
42
</td>
<td
class="ant-table-column-has-filters"
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Joe Black
</td>
<td
class="ant-table-column-has-filters"
>
32
</td>
<td
class="ant-table-column-has-filters"
>
Sidney No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class="ant-table-column-has-filters"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Jim Red
</td>
<td
class="ant-table-column-has-filters"
>
32
</td>
<td
class="ant-table-column-has-filters"
>
London No. 2 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/resizable-column.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-bordered ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col
style="width:200px;min-width:200px"
/>
<col
style="width:100px;min-width:100px"
/>
<col
style="width:100px;min-width:100px"
/>
<col
style="width:100px;min-width:100px"
/>
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="react-resizable"
>
<span>
Date
</span>
<span
class="react-resizable-handle"
style="touch-action:none"
/>
</th>
<th
class="react-resizable"
>
<span>
Amount
</span>
<span
class="react-resizable-handle"
style="touch-action:none"
/>
</th>
<th
class="react-resizable"
>
<span>
Type
</span>
<span
class="react-resizable-handle"
style="touch-action:none"
/>
</th>
<th
class="react-resizable"
>
<span>
Note
</span>
<span
class="react-resizable-handle"
style="touch-action:none"
/>
</th>
<th
class=""
>
<span>
Action
</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=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
2018-02-11
</td>
<td
class=""
>
120
</td>
<td
class=""
>
income
</td>
<td
class=""
>
transfer
</td>
<td
class=""
>
<a
href="javascript:;"
>
Delete
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
2018-03-11
</td>
<td
class=""
>
243
</td>
<td
class=""
>
income
</td>
<td
class=""
>
transfer
</td>
<td
class=""
>
<a
href="javascript:;"
>
Delete
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
2018-04-11
</td>
<td
class=""
>
98
</td>
<td
class=""
>
income
</td>
<td
class=""
>
transfer
</td>
<td
class=""
>
<a
href="javascript:;"
>
Delete
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/row-selection.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-selection-column"
>
<span>
<div
class="ant-table-selection"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</div>
</span>
</th>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<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
class="ant-checkbox-input"
name="John Brown"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
John Brown
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</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
class="ant-checkbox-input"
name="Jim Green"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
Jim Green
</a>
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</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
class="ant-checkbox-input"
name="Joe Black"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
Joe Black
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox ant-checkbox-disabled"
>
<input
class="ant-checkbox-input"
disabled=""
name="Disabled User"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
<a
href="javascript:;"
>
Disabled User
</a>
</td>
<td
class=""
>
99
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/row-selection-and-operation.md correctly 1`] = `
<div>
<div
style="margin-bottom:16px"
>
<button
class="ant-btn ant-btn-primary"
disabled=""
type="button"
>
<span>
Reload
</span>
</button>
<span
style="margin-left:8px"
/>
</div>
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-selection-column"
>
<span>
<div
class="ant-table-selection"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</div>
</span>
</th>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</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
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 0
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 0
</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
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 1
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 1
</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
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 2
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 2
</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
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 3
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 3
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 4
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 4
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="5"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 5
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 5
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="6"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 6
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 6
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="7"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 7
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 7
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="8"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 8
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 8
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="9"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 9
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 9
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
tabindex="0"
title="2"
>
<a>
2
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-3"
tabindex="0"
title="3"
>
<a>
3
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-4"
tabindex="0"
title="4"
>
<a>
4
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-5"
tabindex="0"
title="5"
>
<a>
5
</a>
</li>
<li
aria-disabled="false"
class=" ant-pagination-next"
tabindex="0"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/row-selection-custom.md correctly 1`] = `
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-default ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<div
class="ant-table-selection"
>
<label
class="ant-table-selection-select-all-custom ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
<div
class="ant-table-selection-down ant-dropdown-trigger"
>
<i
class="anticon anticon-down"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M895.7 300.1c0 9.6-3.2 19.3-9.6 27.4L545.2 751.3c-8.3 10.3-20.8 16.3-34.1 16.3-13.2 0-25.8-6-34-16.3L138 329.3c-15.1-18.8-12.1-46.3 6.7-61.4 18.8-15.1 46.3-12.1 61.4 6.7l305.1 379.6L818 272.7c15.1-18.8 42.6-21.8 61.4-6.7 10.7 8.7 16.3 21.3 16.3 34.1z"
/>
</svg>
</i>
</div>
</div>
</span>
</th>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</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 ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 0
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 0
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 1
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 1
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 2
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 2
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 3
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 3
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 4
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 4
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="5"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 5
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 5
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="6"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 6
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 6
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="7"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 7
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 7
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="8"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 8
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 8
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="9"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Edward King 9
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 9
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
tabindex="0"
title="2"
>
<a>
2
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-3"
tabindex="0"
title="3"
>
<a>
3
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-4"
tabindex="0"
title="4"
>
<a>
4
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-5"
tabindex="0"
title="5"
>
<a>
5
</a>
</li>
<li
aria-disabled="false"
class=" ant-pagination-next"
tabindex="0"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/size.md correctly 1`] = `
<div>
<h4>
Middle size table
</h4>
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-middle ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Jim Green
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Joe Black
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination mini"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
<h4>
Small size table
</h4>
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-small ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
John Brown
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Jim Green
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px"
/>
Joe Black
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination mini"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
title="Previous Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-left"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M724.4 895.7c-9.6 0-19.3-3.2-27.4-9.6L273.2 545.2c-10.3-8.3-16.3-20.8-16.3-34.1 0-13.2 6-25.8 16.3-34l422-339.1c18.8-15.1 46.3-12.1 61.4 6.7 15.1 18.8 12.1 46.3-6.7 61.4l-379.6 305L751.8 818c18.8 15.1 21.8 42.6 6.7 61.4-8.7 10.7-21.3 16.3-34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
title="Next Page"
>
<a
class="ant-pagination-item-link"
>
<i
class="anticon anticon-right"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M300.6 895.7c9.6 0 19.3-3.2 27.4-9.6l423.8-340.9c10.3-8.3 16.3-20.8 16.3-34.1 0-13.2-6-25.8-16.3-34L329.8 138c-18.8-15.1-46.3-12.1-61.4 6.7-15.1 18.8-12.1 46.3 6.7 61.4l379.6 305.1L273.2 818c-18.8 15.1-21.8 42.6-6.7 61.4 8.7 10.7 21.3 16.3 34.1 16.3z"
/>
</svg>
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
`;