mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-11 01:21:46 +08:00
27836 lines
893 KiB
Plaintext
27836 lines
893 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders components/table/demo/basic.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Tags
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Action
|
|
</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-cell"
|
|
>
|
|
<a>
|
|
John Brown
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag ant-tag-green"
|
|
>
|
|
NICE
|
|
</span>
|
|
<span
|
|
class="ant-tag ant-tag-geekblue"
|
|
>
|
|
DEVELOPER
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Invite
|
|
<!-- -->
|
|
John Brown
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Jim Green
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag ant-tag-volcano"
|
|
>
|
|
LOSER
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Invite
|
|
<!-- -->
|
|
Jim Green
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Joe Black
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag ant-tag-green"
|
|
>
|
|
COOL
|
|
</span>
|
|
<span
|
|
class="ant-tag ant-tag-geekblue"
|
|
>
|
|
TEACHER
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Invite
|
|
<!-- -->
|
|
Joe Black
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/bordered.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-title"
|
|
>
|
|
Header
|
|
</div>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell column-money"
|
|
scope="col"
|
|
style="text-align:right"
|
|
>
|
|
Cash Assets
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</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-cell"
|
|
>
|
|
<a>
|
|
John Brown
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell column-money"
|
|
style="text-align:right"
|
|
>
|
|
￥300,000.00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
<a>
|
|
Jim Green
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell column-money"
|
|
style="text-align:right"
|
|
>
|
|
￥1,256,000.00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
<a>
|
|
Joe Black
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell column-money"
|
|
style="text-align:right"
|
|
>
|
|
￥120,000.00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-table-footer"
|
|
>
|
|
Footer
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/colspan-rowspan.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
RowHead
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="2"
|
|
scope="colgroup"
|
|
>
|
|
Home phone
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="row"
|
|
>
|
|
1
|
|
</th>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
John Brown
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
0571-22098909
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
18889898989
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="row"
|
|
>
|
|
2
|
|
</th>
|
|
<td
|
|
class="ant-table-cell"
|
|
colspan="5"
|
|
>
|
|
<a>
|
|
Jim Green
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="row"
|
|
>
|
|
3
|
|
</th>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Joe Black
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
0575-22098909
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
18900010002
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="row"
|
|
>
|
|
4
|
|
</th>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Jim Red
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
18
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
rowspan="2"
|
|
>
|
|
0575-22098909
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
18900010002
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 2 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="row"
|
|
>
|
|
5
|
|
</th>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Jake White
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
18
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
18900010002
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Dublin No. 2 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/component-token.tsx correctly 1`] = `
|
|
Array [
|
|
<form
|
|
class="ant-form ant-form-inline components-table-demo-control-bar"
|
|
style="margin-bottom:16px"
|
|
>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Bordered"
|
|
>
|
|
Bordered
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="loading"
|
|
>
|
|
loading
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Title"
|
|
>
|
|
Title
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Column Header"
|
|
>
|
|
Column Header
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Footer"
|
|
>
|
|
Footer
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Expandable"
|
|
>
|
|
Expandable
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Checkbox"
|
|
>
|
|
Checkbox
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Fixed Header"
|
|
>
|
|
Fixed Header
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Has Data"
|
|
>
|
|
Has Data
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Ellipsis"
|
|
>
|
|
Ellipsis
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Size"
|
|
>
|
|
Size
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="large"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Large
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<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 ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Table Scroll"
|
|
>
|
|
Table Scroll
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Unset
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="scroll"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Scroll
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="fixed"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Fixed Columns
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Table Layout"
|
|
>
|
|
Table Layout
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Unset
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="fixed"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Fixed
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Pagination Top"
|
|
>
|
|
Pagination Top
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="topLeft"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
TopLeft
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="topCenter"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
TopCenter
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="topRight"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
TopRight
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="none"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
None
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Pagination Bottom"
|
|
>
|
|
Pagination Bottom
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="bottomLeft"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
BottomLeft
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="bottomCenter"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
BottomCenter
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="bottomRight"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
BottomRight
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-expand-icon-col"
|
|
/>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
/>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
aria-label="Age"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Age
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Address
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Action"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Action
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</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-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
12
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
22
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 2 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 3 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 4 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
52
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 5 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
62
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 6 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
72
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 7 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
82
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 8 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
92
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 9 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="10"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
102
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 10 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-table-footer"
|
|
>
|
|
Here is footer
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/custom-filter-panel.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:30%"
|
|
/>
|
|
<col
|
|
style="width:20%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Name
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="search"
|
|
class="anticon anticon-search"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="search"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Age
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="search"
|
|
class="anticon anticon-search"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="search"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Address"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Address
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="search"
|
|
class="anticon anticon-search"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="search"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</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-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Red
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 2 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/drag-column-sorting.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
aria-describedby="DndDescribedBy-2"
|
|
aria-disabled="false"
|
|
aria-roledescription="sortable"
|
|
class="ant-table-cell"
|
|
id="0"
|
|
role="button"
|
|
scope="col"
|
|
style="cursor:move"
|
|
tabindex="0"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
aria-describedby="DndDescribedBy-2"
|
|
aria-disabled="false"
|
|
aria-roledescription="sortable"
|
|
class="ant-table-cell"
|
|
id="1"
|
|
role="button"
|
|
scope="col"
|
|
style="cursor:move"
|
|
tabindex="0"
|
|
>
|
|
Gender
|
|
</th>
|
|
<th
|
|
aria-describedby="DndDescribedBy-2"
|
|
aria-disabled="false"
|
|
aria-roledescription="sortable"
|
|
class="ant-table-cell"
|
|
id="2"
|
|
role="button"
|
|
scope="col"
|
|
style="cursor:move"
|
|
tabindex="0"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
aria-describedby="DndDescribedBy-2"
|
|
aria-disabled="false"
|
|
aria-roledescription="sortable"
|
|
class="ant-table-cell"
|
|
id="3"
|
|
role="button"
|
|
scope="col"
|
|
style="cursor:move"
|
|
tabindex="0"
|
|
>
|
|
Email
|
|
</th>
|
|
<th
|
|
aria-describedby="DndDescribedBy-2"
|
|
aria-disabled="false"
|
|
aria-roledescription="sortable"
|
|
class="ant-table-cell"
|
|
id="4"
|
|
role="button"
|
|
scope="col"
|
|
style="cursor:move"
|
|
tabindex="0"
|
|
>
|
|
Address
|
|
</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-cell"
|
|
id="0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="1"
|
|
>
|
|
male
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="2"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="3"
|
|
>
|
|
John Brown@example.com
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="4"
|
|
>
|
|
London No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="0"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="1"
|
|
>
|
|
female
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="2"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="3"
|
|
>
|
|
jimGreen@example.com
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="4"
|
|
>
|
|
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-cell"
|
|
id="0"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="1"
|
|
>
|
|
female
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="2"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="3"
|
|
>
|
|
JoeBlack@example.com
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="4"
|
|
>
|
|
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-cell"
|
|
id="0"
|
|
>
|
|
George Hcc
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="1"
|
|
>
|
|
male
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="2"
|
|
>
|
|
20
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="3"
|
|
>
|
|
george@example.com
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
id="4"
|
|
>
|
|
Sidney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/drag-sorting.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-describedby="DndDescribedBy-0"
|
|
aria-disabled="false"
|
|
aria-roledescription="sortable"
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
role="button"
|
|
style="cursor:move"
|
|
tabindex="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
aria-describedby="DndDescribedBy-0"
|
|
aria-disabled="false"
|
|
aria-roledescription="sortable"
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
role="button"
|
|
style="cursor:move"
|
|
tabindex="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
aria-describedby="DndDescribedBy-0"
|
|
aria-disabled="false"
|
|
aria-roledescription="sortable"
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
role="button"
|
|
style="cursor:move"
|
|
tabindex="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sidney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/drag-sorting-handler.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:80px"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
style="text-align:center"
|
|
/>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-describedby="DndDescribedBy-1"
|
|
aria-disabled="false"
|
|
aria-roledescription="sortable"
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
style="text-align:center"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
|
|
style="cursor:move"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="ant-btn-icon"
|
|
>
|
|
<span
|
|
aria-label="holder"
|
|
class="anticon anticon-holder"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="holder"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</button>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Long text Long
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
aria-describedby="DndDescribedBy-1"
|
|
aria-disabled="false"
|
|
aria-roledescription="sortable"
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
style="text-align:center"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
|
|
style="cursor:move"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="ant-btn-icon"
|
|
>
|
|
<span
|
|
aria-label="holder"
|
|
class="anticon anticon-holder"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="holder"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</button>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
aria-describedby="DndDescribedBy-1"
|
|
aria-disabled="false"
|
|
aria-roledescription="sortable"
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
style="text-align:center"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only"
|
|
style="cursor:move"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="ant-btn-icon"
|
|
>
|
|
<span
|
|
aria-label="holder"
|
|
class="anticon anticon-holder"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="holder"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</button>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sidney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/dynamic-settings.tsx correctly 1`] = `
|
|
Array [
|
|
<form
|
|
class="ant-form ant-form-inline components-table-demo-control-bar"
|
|
style="margin-bottom:16px"
|
|
>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Bordered"
|
|
>
|
|
Bordered
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="loading"
|
|
>
|
|
loading
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Title"
|
|
>
|
|
Title
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Column Header"
|
|
>
|
|
Column Header
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Footer"
|
|
>
|
|
Footer
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Expandable"
|
|
>
|
|
Expandable
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Checkbox"
|
|
>
|
|
Checkbox
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Fixed Header"
|
|
>
|
|
Fixed Header
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Has Data"
|
|
>
|
|
Has Data
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Ellipsis"
|
|
>
|
|
Ellipsis
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Size"
|
|
>
|
|
Size
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="large"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Large
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<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 ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Table Scroll"
|
|
>
|
|
Table Scroll
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Unset
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="scroll"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Scroll
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="fixed"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Fixed Columns
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Table Layout"
|
|
>
|
|
Table Layout
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Unset
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="fixed"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Fixed
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Pagination Top"
|
|
>
|
|
Pagination Top
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="topLeft"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
TopLeft
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="topCenter"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
TopCenter
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="topRight"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
TopRight
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="none"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
None
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Pagination Bottom"
|
|
>
|
|
Pagination Bottom
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="bottomLeft"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
BottomLeft
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="bottomCenter"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
BottomCenter
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="bottomRight"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
BottomRight
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-expand-icon-col"
|
|
/>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
/>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
aria-label="Age"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Age
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Address
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Action"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Action
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</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-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
12
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
22
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 2 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 3 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 4 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
52
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 5 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
62
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 6 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
72
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 7 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
82
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 8 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
92
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 9 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="10"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
102
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 10 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
More actions
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-table-footer"
|
|
>
|
|
Here is footer
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/edit-cell.tsx 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-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:30%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
operation
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0 editable-row"
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="editable-cell-value-wrap"
|
|
style="padding-right:24px"
|
|
>
|
|
Edward King 0
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0 editable-row"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="editable-cell-value-wrap"
|
|
style="padding-right:24px"
|
|
>
|
|
Edward King 1
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/edit-row.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:25%"
|
|
/>
|
|
<col
|
|
style="width:15%"
|
|
/>
|
|
<col
|
|
style="width:40%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
operation
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0 editable-row"
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a
|
|
class="ant-typography"
|
|
>
|
|
Edit
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0 editable-row"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a
|
|
class="ant-typography"
|
|
>
|
|
Edit
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0 editable-row"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a
|
|
class="ant-typography"
|
|
>
|
|
Edit
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0 editable-row"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a
|
|
class="ant-typography"
|
|
>
|
|
Edit
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0 editable-row"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a
|
|
class="ant-typography"
|
|
>
|
|
Edit
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0 editable-row"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a
|
|
class="ant-typography"
|
|
>
|
|
Edit
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0 editable-row"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a
|
|
class="ant-typography"
|
|
>
|
|
Edit
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0 editable-row"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a
|
|
class="ant-typography"
|
|
>
|
|
Edit
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0 editable-row"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a
|
|
class="ant-typography"
|
|
>
|
|
Edit
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0 editable-row"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a
|
|
class="ant-typography"
|
|
>
|
|
Edit
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
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"
|
|
>
|
|
<span
|
|
aria-label="double-right"
|
|
class="anticon anticon-double-right ant-pagination-item-link-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="double-right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-pagination-item-ellipsis"
|
|
>
|
|
•••
|
|
</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-10"
|
|
tabindex="0"
|
|
title="10"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
10
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-options"
|
|
>
|
|
<div
|
|
aria-label="Page Size"
|
|
class="ant-select ant-select-outlined ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
|
|
>
|
|
<div
|
|
class="ant-select-selector"
|
|
>
|
|
<span
|
|
class="ant-select-selection-search"
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="undefined_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="undefined_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
role="combobox"
|
|
type="search"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-select-suffix"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/ellipsis.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:80px"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
scope="col"
|
|
title="Address"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
scope="col"
|
|
title="Long Column Long Column Long Column"
|
|
>
|
|
Long Column Long Column Long Column
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
scope="col"
|
|
title="Long Column Long Column"
|
|
>
|
|
Long Column Long Column
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
scope="col"
|
|
title="Long Column"
|
|
>
|
|
Long Column
|
|
</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-cell"
|
|
>
|
|
<a>
|
|
John Brown
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="New York No. 1 Lake Park, New York No. 1 Lake Park"
|
|
>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="New York No. 1 Lake Park, New York No. 1 Lake Park"
|
|
>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="New York No. 1 Lake Park, New York No. 1 Lake Park"
|
|
>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="New York No. 1 Lake Park, New York No. 1 Lake Park"
|
|
>
|
|
New York No. 1 Lake Park, 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-cell"
|
|
>
|
|
<a>
|
|
Jim Green
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="London No. 2 Lake Park, London No. 2 Lake Park"
|
|
>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="London No. 2 Lake Park, London No. 2 Lake Park"
|
|
>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="London No. 2 Lake Park, London No. 2 Lake Park"
|
|
>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="London No. 2 Lake Park, London No. 2 Lake Park"
|
|
>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Joe Black
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Sydney No. 1 Lake Park, Sydney No. 1 Lake Park"
|
|
>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Sydney No. 1 Lake Park, Sydney No. 1 Lake Park"
|
|
>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Sydney No. 1 Lake Park, Sydney No. 1 Lake Park"
|
|
>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Sydney No. 1 Lake Park, Sydney No. 1 Lake Park"
|
|
>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/ellipsis-custom-tooltip.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:80px"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
scope="col"
|
|
title="Address"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
scope="col"
|
|
title="Long Column Long Column Long Column"
|
|
>
|
|
Long Column Long Column Long Column
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
scope="col"
|
|
title="Long Column Long Column"
|
|
>
|
|
Long Column Long Column
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
scope="col"
|
|
title="Long Column"
|
|
>
|
|
Long Column
|
|
</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-cell"
|
|
>
|
|
<a>
|
|
John Brown
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Jim Green
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Joe Black
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/expand.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-expand-icon-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
/>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Action
|
|
</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-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Not Expandable
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
29
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jiangsu No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/filter-in-tree.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:30%"
|
|
/>
|
|
<col />
|
|
<col
|
|
style="width:40%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Name
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Age"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Age
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Address
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</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-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Red
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 2 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/filter-search.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:30%"
|
|
/>
|
|
<col />
|
|
<col
|
|
style="width:40%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Name
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Age"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Age
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Address
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</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-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Red
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 2 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/fixed-columns.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left ant-table-has-fix-right"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
style="overflow-x:auto;overflow-y:hidden"
|
|
>
|
|
<table
|
|
style="width:1300px;min-width:100%;table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
scope="col"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Full Name
|
|
</th>
|
|
<th
|
|
aria-label="Age"
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-column-has-sorters"
|
|
scope="col"
|
|
style="position:sticky;left:0"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Age
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 1
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 2
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 3
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 4
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 5
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 6
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 7
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 8
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
scope="col"
|
|
style="position:sticky;right:0"
|
|
>
|
|
Action
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-hidden="true"
|
|
class="ant-table-measure-row"
|
|
style="height:0;font-size:0"
|
|
>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
40
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/fixed-columns-header.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-fixed-header ant-table-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left ant-table-has-fix-right"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-header"
|
|
style="overflow:hidden"
|
|
>
|
|
<table
|
|
style="table-layout:fixed;visibility:hidden"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
scope="col"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Full Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
scope="col"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 1
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 2
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 3
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 4
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 5
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 6
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 7
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 8
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
scope="col"
|
|
style="position:sticky;right:0"
|
|
>
|
|
Action
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="ant-table-body"
|
|
style="overflow-x:auto;overflow-y:scroll;max-height:300px"
|
|
>
|
|
<table
|
|
style="width:1500px;min-width:100%;table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col />
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
</colgroup>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-hidden="true"
|
|
class="ant-table-measure-row"
|
|
style="height:0;font-size:0"
|
|
>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
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"
|
|
>
|
|
<span
|
|
aria-label="double-right"
|
|
class="anticon anticon-double-right ant-pagination-item-link-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="double-right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-pagination-item-ellipsis"
|
|
>
|
|
•••
|
|
</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-10"
|
|
tabindex="0"
|
|
title="10"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
10
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-options"
|
|
>
|
|
<div
|
|
aria-label="Page Size"
|
|
class="ant-select ant-select-outlined ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
|
|
>
|
|
<div
|
|
class="ant-select-selector"
|
|
>
|
|
<span
|
|
class="ant-select-selection-search"
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="undefined_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="undefined_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
role="combobox"
|
|
type="search"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-select-suffix"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/fixed-gapped-columns.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered ant-table-fixed-column ant-table-fixed-column-gapped ant-table-scroll-horizontal ant-table-has-fix-left ant-table-has-fix-right"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
style="overflow-x:auto;overflow-y:hidden"
|
|
>
|
|
<table
|
|
style="width:1300px;min-width:100%;table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col
|
|
style="width:90px"
|
|
/>
|
|
<col
|
|
style="width:90px"
|
|
/>
|
|
<col
|
|
style="width:90px"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
scope="col"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Full Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
scope="col"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Column 1
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 2
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 3
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 4
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 5
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 6
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 7
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 8
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
scope="col"
|
|
style="position:sticky;right:0"
|
|
>
|
|
Action 1
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Action 2
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
scope="col"
|
|
style="position:sticky;right:0"
|
|
>
|
|
Action 3
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-hidden="true"
|
|
class="ant-table-measure-row"
|
|
style="height:0;font-size:0"
|
|
>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/fixed-header.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-fixed-header"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-header"
|
|
style="overflow:hidden"
|
|
>
|
|
<table
|
|
style="table-layout:fixed;visibility:hidden"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="ant-table-body"
|
|
style="overflow-y:scroll;max-height:240px"
|
|
>
|
|
<table
|
|
style="table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
</colgroup>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-hidden="true"
|
|
class="ant-table-measure-row"
|
|
style="height:0;font-size:0"
|
|
>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Edward King 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Edward King 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Edward King 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Edward King 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Edward King 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Edward King 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Edward King 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Edward King 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Edward King 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 9
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="10"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 10
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 10
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="11"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 11
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 11
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="12"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 12
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 12
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="13"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 13
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 13
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="14"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 14
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 14
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="15"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 15
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 15
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="16"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 16
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 16
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="17"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 17
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 17
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="18"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 18
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 18
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="19"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 19
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 19
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="20"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 20
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 20
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="21"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 21
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 21
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="22"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 22
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 22
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="23"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 23
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 23
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="24"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 24
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 24
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="25"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 25
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 25
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="26"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 26
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 26
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="27"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 27
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 27
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="28"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 28
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 28
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="29"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 29
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 29
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="30"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 30
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 30
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="31"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 31
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 31
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="32"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 32
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="33"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 33
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 33
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="34"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 34
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 34
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="35"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 35
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 35
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="36"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 36
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 36
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="37"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 37
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 37
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="38"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 38
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 38
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="39"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 39
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 39
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="40"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 40
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 40
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="41"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 41
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 41
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="42"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 42
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="43"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 43
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 43
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="44"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 44
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 44
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="45"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 45
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 45
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="46"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 46
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 46
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="47"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 47
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 47
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="48"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 48
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 48
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="49"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 49
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 49
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-options"
|
|
>
|
|
<div
|
|
aria-label="Page Size"
|
|
class="ant-select ant-select-outlined ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
|
|
>
|
|
<div
|
|
class="ant-select-selector"
|
|
>
|
|
<span
|
|
class="ant-select-selection-search"
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="undefined_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="undefined_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
role="combobox"
|
|
type="search"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="50 / page"
|
|
>
|
|
50 / page
|
|
</span>
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-select-suffix"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/grouping-columns.tsx 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-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left ant-table-has-fix-right"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-header"
|
|
style="overflow:hidden"
|
|
>
|
|
<table
|
|
style="table-layout:fixed;visibility:hidden"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
rowspan="4"
|
|
scope="col"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Name
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="4"
|
|
scope="colgroup"
|
|
>
|
|
Other
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="2"
|
|
scope="colgroup"
|
|
>
|
|
Company
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
rowspan="4"
|
|
scope="col"
|
|
style="position:sticky;right:0"
|
|
>
|
|
Gender
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
aria-label="Age"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
rowspan="3"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Age
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="3"
|
|
scope="colgroup"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="3"
|
|
scope="col"
|
|
>
|
|
Company Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="3"
|
|
scope="col"
|
|
>
|
|
Company Name
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="2"
|
|
scope="col"
|
|
>
|
|
Street
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="2"
|
|
scope="colgroup"
|
|
>
|
|
Block
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Building
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Door No.
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="ant-table-body"
|
|
style="overflow-x:auto;overflow-y:scroll;max-height:240px"
|
|
>
|
|
<table
|
|
style="width:calc(700px + 50%);min-width:100%;table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:200px"
|
|
/>
|
|
<col />
|
|
<col
|
|
style="width:80px"
|
|
/>
|
|
</colgroup>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-hidden="true"
|
|
class="ant-table-measure-row"
|
|
style="height:0;font-size:0"
|
|
>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-pagination-mini ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
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"
|
|
>
|
|
<span
|
|
aria-label="double-right"
|
|
class="anticon anticon-double-right ant-pagination-item-link-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="double-right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-pagination-item-ellipsis"
|
|
>
|
|
•••
|
|
</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-10"
|
|
tabindex="0"
|
|
title="10"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
10
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-options"
|
|
>
|
|
<div
|
|
aria-label="Page Size"
|
|
class="ant-select ant-select-sm ant-select-outlined ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
|
|
>
|
|
<div
|
|
class="ant-select-selector"
|
|
>
|
|
<span
|
|
class="ant-select-selection-search"
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="undefined_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="undefined_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
role="combobox"
|
|
type="search"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-select-suffix"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/head.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
aria-label="Name"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Name
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-sort="descending"
|
|
class="ant-table-cell ant-table-column-sort ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters ant-table-column-sorters-tooltip-target-sorter"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Age
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down active"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Address
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</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-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-column-sort"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-column-sort"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-column-sort"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Red
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-column-sort"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 2 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/hidden-columns.tsx correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center"
|
|
role="separator"
|
|
>
|
|
<span
|
|
class="ant-divider-inner-text"
|
|
>
|
|
Columns displayed
|
|
</span>
|
|
</div>,
|
|
<div
|
|
class="ant-checkbox-group"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="1"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Column 1
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="2"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Column 2
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="3"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Column 3
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="4"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Column 4
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="5"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Column 5
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="6"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Column 6
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="7"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Column 7
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value="8"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Column 8
|
|
</span>
|
|
</label>
|
|
</div>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
style="margin-top:24px"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 1
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 2
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 3
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 4
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 5
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 6
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 7
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 8
|
|
</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-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/jsx.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="2"
|
|
scope="colgroup"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="2"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="2"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="2"
|
|
scope="col"
|
|
>
|
|
Tags
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="2"
|
|
scope="col"
|
|
>
|
|
Action
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
First Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Last Name
|
|
</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-cell"
|
|
>
|
|
John
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag ant-tag-green"
|
|
>
|
|
NICE
|
|
</span>
|
|
<span
|
|
class="ant-tag ant-tag-geekblue"
|
|
>
|
|
DEVELOPER
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Invite
|
|
<!-- -->
|
|
Brown
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag ant-tag-volcano"
|
|
>
|
|
LOSER
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Invite
|
|
<!-- -->
|
|
Green
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Joe
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag ant-tag-green"
|
|
>
|
|
COOL
|
|
</span>
|
|
<span
|
|
class="ant-tag ant-tag-geekblue"
|
|
>
|
|
TEACHER
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Invite
|
|
<!-- -->
|
|
Black
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/multiple-sorter.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
aria-label="Chinese Score"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Chinese Score
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Math Score"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Math Score
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="English Score"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
English Score
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</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-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
98
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
60
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
70
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
98
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
66
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
89
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
98
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
90
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
70
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Red
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
88
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
99
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
89
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/narrow.tsx correctly 1`] = `
|
|
<div
|
|
style="width:300px"
|
|
>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-small"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="120"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
30
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Address 120
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="121"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
31
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Address 121
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="122"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Address 122
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="123"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
33
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Address 123
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="124"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
34
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Address 124
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="125"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
30
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Address 125
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="126"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
31
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Address 126
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="127"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Address 127
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="128"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
33
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Address 128
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="129"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
34
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sample Address 129
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-pagination-mini ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-prev"
|
|
tabindex="0"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-jump-prev ant-pagination-jump-prev-custom-icon"
|
|
tabindex="0"
|
|
title="Previous 5 Pages"
|
|
>
|
|
<a
|
|
class="ant-pagination-item-link"
|
|
>
|
|
<div
|
|
class="ant-pagination-item-container"
|
|
>
|
|
<span
|
|
aria-label="double-left"
|
|
class="anticon anticon-double-left ant-pagination-item-link-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="double-left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-pagination-item-ellipsis"
|
|
>
|
|
•••
|
|
</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-11 ant-pagination-item-after-jump-prev"
|
|
tabindex="0"
|
|
title="11"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
11
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-12"
|
|
tabindex="0"
|
|
title="12"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
12
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-13 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="13"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
13
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-14"
|
|
tabindex="0"
|
|
title="14"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
14
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-15 ant-pagination-item-before-jump-next"
|
|
tabindex="0"
|
|
title="15"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
15
|
|
</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"
|
|
>
|
|
<span
|
|
aria-label="double-right"
|
|
class="anticon anticon-double-right ant-pagination-item-link-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="double-right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-pagination-item-ellipsis"
|
|
>
|
|
•••
|
|
</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-20"
|
|
tabindex="0"
|
|
title="20"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
20
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-options"
|
|
>
|
|
<div
|
|
aria-label="Page Size"
|
|
class="ant-select ant-select-sm ant-select-outlined ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
|
|
>
|
|
<div
|
|
class="ant-select-selector"
|
|
>
|
|
<span
|
|
class="ant-select-selection-search"
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="undefined_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="undefined_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
role="combobox"
|
|
type="search"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-select-suffix"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/nest-table-border-debug.tsx correctly 1`] = `
|
|
Array [
|
|
<form
|
|
class="ant-form ant-form-inline components-table-demo-control-bar"
|
|
style="margin-bottom:16px"
|
|
>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Root Table Bordered"
|
|
>
|
|
Root Table Bordered
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Child Table Bordered"
|
|
>
|
|
Child Table Bordered
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-title"
|
|
>
|
|
cool
|
|
</div>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-expand-icon-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
/>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Platform
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Version
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Upgraded
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Creator
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Action
|
|
</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-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Screem
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
iOS
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10.3.4.5654
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
500
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jack
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Publish
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Screem
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
iOS
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10.3.4.5654
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
500
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jack
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Publish
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Screem
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
iOS
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10.3.4.5654
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
500
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jack
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Publish
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-table-footer"
|
|
>
|
|
cool
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/nested-table.tsx correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-expand-icon-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
/>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Platform
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Version
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Upgraded
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Creator
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Action
|
|
</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-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-expanded"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Screen
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
iOS
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10.3.4.5654
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
500
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jack
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Publish
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-expanded-row ant-table-expanded-row-level-1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
colspan="8"
|
|
>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Status
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Upgrade Status
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Action
|
|
</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-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is production name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
|
|
>
|
|
<span
|
|
class="ant-badge-status-dot ant-badge-status-success"
|
|
/>
|
|
<span
|
|
class="ant-badge-status-text"
|
|
>
|
|
Finished
|
|
</span>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Upgraded: 56
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is production name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
|
|
>
|
|
<span
|
|
class="ant-badge-status-dot ant-badge-status-success"
|
|
/>
|
|
<span
|
|
class="ant-badge-status-text"
|
|
>
|
|
Finished
|
|
</span>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Upgraded: 56
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is production name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
|
|
>
|
|
<span
|
|
class="ant-badge-status-dot ant-badge-status-success"
|
|
/>
|
|
<span
|
|
class="ant-badge-status-text"
|
|
>
|
|
Finished
|
|
</span>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Upgraded: 56
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Screen
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
iOS
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10.3.4.5654
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
500
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jack
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Publish
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Screen
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
iOS
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10.3.4.5654
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
500
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jack
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Publish
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-middle"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-expand-icon-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
/>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Platform
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Version
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Upgraded
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Creator
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Action
|
|
</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-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-expanded"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Screen
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
iOS
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10.3.4.5654
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
500
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jack
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Publish
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-expanded-row ant-table-expanded-row-level-1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
colspan="8"
|
|
>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Status
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Upgrade Status
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Action
|
|
</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-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is production name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
|
|
>
|
|
<span
|
|
class="ant-badge-status-dot ant-badge-status-success"
|
|
/>
|
|
<span
|
|
class="ant-badge-status-text"
|
|
>
|
|
Finished
|
|
</span>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Upgraded: 56
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is production name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
|
|
>
|
|
<span
|
|
class="ant-badge-status-dot ant-badge-status-success"
|
|
/>
|
|
<span
|
|
class="ant-badge-status-text"
|
|
>
|
|
Finished
|
|
</span>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Upgraded: 56
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is production name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
|
|
>
|
|
<span
|
|
class="ant-badge-status-dot ant-badge-status-success"
|
|
/>
|
|
<span
|
|
class="ant-badge-status-text"
|
|
>
|
|
Finished
|
|
</span>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Upgraded: 56
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Screen
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
iOS
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10.3.4.5654
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
500
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jack
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Publish
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Screen
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
iOS
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10.3.4.5654
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
500
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jack
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Publish
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-pagination-mini ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-small"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-expand-icon-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
/>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Platform
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Version
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Upgraded
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Creator
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Action
|
|
</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-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-expanded"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Screen
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
iOS
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10.3.4.5654
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
500
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jack
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Publish
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-expanded-row ant-table-expanded-row-level-1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
colspan="8"
|
|
>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Status
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Upgrade Status
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Action
|
|
</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-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is production name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
|
|
>
|
|
<span
|
|
class="ant-badge-status-dot ant-badge-status-success"
|
|
/>
|
|
<span
|
|
class="ant-badge-status-text"
|
|
>
|
|
Finished
|
|
</span>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Upgraded: 56
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is production name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
|
|
>
|
|
<span
|
|
class="ant-badge-status-dot ant-badge-status-success"
|
|
/>
|
|
<span
|
|
class="ant-badge-status-text"
|
|
>
|
|
Finished
|
|
</span>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Upgraded: 56
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is production name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
|
|
>
|
|
<span
|
|
class="ant-badge-status-dot ant-badge-status-success"
|
|
/>
|
|
<span
|
|
class="ant-badge-status-text"
|
|
>
|
|
Finished
|
|
</span>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Upgraded: 56
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Screen
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
iOS
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10.3.4.5654
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
500
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jack
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Publish
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Screen
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
iOS
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10.3.4.5654
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
500
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jack
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Publish
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-pagination-mini ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/order-column.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col />
|
|
<col
|
|
class="ant-table-expand-icon-col"
|
|
/>
|
|
<col />
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
/>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</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-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Not Expandable
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
29
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jiangsu No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/pagination.tsx correctly 1`] = `
|
|
<div>
|
|
<div>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
style="margin-bottom:10px"
|
|
>
|
|
<label
|
|
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
|
>
|
|
<span
|
|
class="ant-radio ant-wave-target ant-radio-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="topLeft"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
topLeft
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-wrapper"
|
|
>
|
|
<span
|
|
class="ant-radio ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="topCenter"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
topCenter
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-wrapper"
|
|
>
|
|
<span
|
|
class="ant-radio ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="topRight"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
topRight
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-wrapper"
|
|
>
|
|
<span
|
|
class="ant-radio ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="none"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
none
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
style="margin-bottom:10px"
|
|
>
|
|
<label
|
|
class="ant-radio-wrapper"
|
|
>
|
|
<span
|
|
class="ant-radio ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="bottomLeft"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
bottomLeft
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-wrapper"
|
|
>
|
|
<span
|
|
class="ant-radio ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="bottomCenter"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
bottomCenter
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
|
>
|
|
<span
|
|
class="ant-radio ant-wave-target ant-radio-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="bottomRight"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
bottomRight
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-wrapper"
|
|
>
|
|
<span
|
|
class="ant-radio ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="none"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
none
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-left"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Tags
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Action
|
|
</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-cell"
|
|
>
|
|
<a>
|
|
John Brown
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span>
|
|
<span
|
|
class="ant-tag ant-tag-green"
|
|
>
|
|
NICE
|
|
</span>
|
|
<span
|
|
class="ant-tag ant-tag-geekblue"
|
|
>
|
|
DEVELOPER
|
|
</span>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Invite
|
|
<!-- -->
|
|
John Brown
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Jim Green
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span>
|
|
<span
|
|
class="ant-tag ant-tag-volcano"
|
|
>
|
|
LOSER
|
|
</span>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Invite
|
|
<!-- -->
|
|
Jim Green
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Joe Black
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span>
|
|
<span
|
|
class="ant-tag ant-tag-green"
|
|
>
|
|
COOL
|
|
</span>
|
|
<span
|
|
class="ant-tag ant-tag-geekblue"
|
|
>
|
|
TEACHER
|
|
</span>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Invite
|
|
<!-- -->
|
|
Joe Black
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/reset-filter.tsx correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
style="margin-bottom:16px"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Sort age
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Clear filters
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Clear filters and sorters
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:fixed"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
aria-label="Name"
|
|
class="ant-table-cell ant-table-cell-ellipsis ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
title="Name"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Name
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Age"
|
|
class="ant-table-cell ant-table-cell-ellipsis ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
title="Age"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Age
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Address"
|
|
class="ant-table-cell ant-table-cell-ellipsis ant-table-column-has-sorters"
|
|
scope="col"
|
|
tabindex="0"
|
|
title="Address"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Address
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</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-cell ant-table-cell-ellipsis"
|
|
title="John Brown"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="32"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="New York No. 1 Lake Park"
|
|
>
|
|
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-cell ant-table-cell-ellipsis"
|
|
title="Jim Green"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="42"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="London No. 1 Lake Park"
|
|
>
|
|
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-cell ant-table-cell-ellipsis"
|
|
title="Joe Black"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="32"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Sydney No. 1 Lake Park"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Jim Red"
|
|
>
|
|
Jim Red
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="32"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="London No. 2 Lake Park"
|
|
>
|
|
London No. 2 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/resizable-column.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:200px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell react-resizable"
|
|
scope="col"
|
|
>
|
|
Date
|
|
<span
|
|
class="react-resizable-handle"
|
|
/>
|
|
</th>
|
|
<th
|
|
aria-label="Amount"
|
|
class="ant-table-cell ant-table-column-has-sorters react-resizable"
|
|
scope="col"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Amount
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="react-resizable-handle"
|
|
/>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell react-resizable"
|
|
scope="col"
|
|
>
|
|
Type
|
|
<span
|
|
class="react-resizable-handle"
|
|
/>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell react-resizable"
|
|
scope="col"
|
|
>
|
|
Note
|
|
<span
|
|
class="react-resizable-handle"
|
|
/>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Action
|
|
</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-cell"
|
|
>
|
|
2018-02-11
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
120
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
income
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
transfer
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2018-03-11
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
243
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
income
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
transfer
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2018-04-11
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
98
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
income
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
transfer
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/responsive.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name (all screens)
|
|
</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-cell"
|
|
>
|
|
<a>
|
|
John Brown
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/row-selection.tsx correctly 1`] = `
|
|
<div>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
|
>
|
|
<span
|
|
class="ant-radio ant-wave-target ant-radio-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Checkbox
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-wrapper"
|
|
>
|
|
<span
|
|
class="ant-radio ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-radio-input"
|
|
type="radio"
|
|
value="radio"
|
|
/>
|
|
<span
|
|
class="ant-radio-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
radio
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-divider ant-divider-horizontal"
|
|
role="separator"
|
|
/>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
name="John Brown"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
John Brown
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
name="Jim Green"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Jim Green
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
name="Joe Black"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Joe Black
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
name="Disabled User"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Disabled User
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
99
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/row-selection-and-operation.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-flex ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical"
|
|
>
|
|
<div
|
|
class="ant-flex ant-flex-align-center ant-flex-gap-middle"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reload
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 9
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
5
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/row-selection-custom.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
aria-label="Custom selection"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<div
|
|
class="ant-table-selection-extra"
|
|
>
|
|
<span
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 9
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
5
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/row-selection-custom-debug.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</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-cell ant-table-selection-column"
|
|
rowspan="2"
|
|
>
|
|
false
|
|
<!-- -->
|
|
:
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 0
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Another Row
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
rowspan="2"
|
|
>
|
|
false
|
|
<!-- -->
|
|
:
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 2
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Another Row
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
rowspan="2"
|
|
>
|
|
false
|
|
<!-- -->
|
|
:
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 4
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Another Row
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
rowspan="2"
|
|
>
|
|
false
|
|
<!-- -->
|
|
:
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 6
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Another Row
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
rowspan="2"
|
|
>
|
|
false
|
|
<!-- -->
|
|
:
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 8
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Another Row
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
5
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/row-selection-debug.tsx correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-input-number ant-input-number-outlined"
|
|
>
|
|
<div
|
|
class="ant-input-number-handler-wrap"
|
|
>
|
|
<span
|
|
aria-disabled="false"
|
|
aria-label="Increase Value"
|
|
class="ant-input-number-handler ant-input-number-handler-up"
|
|
role="button"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="up"
|
|
class="anticon anticon-up ant-input-number-handler-up-inner"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
<span
|
|
aria-disabled="false"
|
|
aria-label="Decrease Value"
|
|
class="ant-input-number-handler ant-input-number-handler-down"
|
|
role="button"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-input-number-handler-down-inner"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-input-number-input-wrap"
|
|
>
|
|
<input
|
|
aria-valuenow="50"
|
|
autocomplete="off"
|
|
class="ant-input-number-input"
|
|
role="spinbutton"
|
|
step="1"
|
|
value="50"
|
|
/>
|
|
</div>
|
|
</div>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 0
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 1
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 2
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 3
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 4
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 5
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 6
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 7
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 8
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 9
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="10"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 10
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 10
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="11"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 11
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 11
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="12"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 12
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 12
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="13"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 13
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 13
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="14"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 14
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 14
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="15"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 15
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 15
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="16"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 16
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 16
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="17"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 17
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 17
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="18"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 18
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 18
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="19"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 19
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 19
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="20"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 20
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 20
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="21"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 21
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 21
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="22"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 22
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 22
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="23"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 23
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 23
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="24"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 24
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 24
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="25"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 25
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 25
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="26"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 26
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 26
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="27"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 27
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 27
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="28"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 28
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 28
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="29"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 29
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 29
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="30"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 30
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 30
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="31"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 31
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 31
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="32"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 32
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="33"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 33
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 33
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="34"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 34
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 34
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="35"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 35
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 35
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="36"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 36
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 36
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="37"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 37
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 37
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="38"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 38
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 38
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="39"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 39
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 39
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="40"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 40
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 40
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="41"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 41
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 41
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="42"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 42
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="43"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 43
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 43
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="44"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 44
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 44
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="45"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 45
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 45
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="46"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 46
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 46
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="47"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 47
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 47
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="48"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 48
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 48
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="49"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 49
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 49
|
|
<span>
|
|
1
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/selections-debug.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col ant-table-selection-col-with-dropdown"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
aria-label="Custom selection"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<div
|
|
class="ant-table-selection-extra"
|
|
>
|
|
<span
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/size.tsx correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center"
|
|
role="separator"
|
|
>
|
|
<span
|
|
class="ant-divider-inner-text"
|
|
>
|
|
Middle size table
|
|
</span>
|
|
</div>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-middle"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</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-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-pagination-mini ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<div
|
|
class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center"
|
|
role="separator"
|
|
>
|
|
<span
|
|
class="ant-divider-inner-text"
|
|
>
|
|
Small size table
|
|
</span>
|
|
</div>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-small"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</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-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-pagination-mini ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/sticky.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left ant-table-has-fix-right"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-header ant-table-sticky-holder"
|
|
style="overflow:hidden;top:64px"
|
|
>
|
|
<table
|
|
style="table-layout:fixed;visibility:hidden"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-sticky"
|
|
scope="col"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Full Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-fix-sticky"
|
|
scope="col"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 1
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 2
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 3
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 4
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 5
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 6
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 7
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Column 8
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first ant-table-cell-fix-sticky"
|
|
scope="col"
|
|
style="position:sticky;right:0"
|
|
>
|
|
Action
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="ant-table-body"
|
|
style="overflow-x:auto;overflow-y:hidden"
|
|
>
|
|
<table
|
|
style="width:1500px;min-width:100%;table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col />
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
</colgroup>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-hidden="true"
|
|
class="ant-table-measure-row"
|
|
style="height:0;font-size:0"
|
|
>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edward 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="ant-table-summary ant-table-sticky-holder"
|
|
style="overflow:hidden;bottom:0"
|
|
>
|
|
<table
|
|
style="table-layout:fixed;visibility:hidden"
|
|
>
|
|
<colgroup />
|
|
<tfoot
|
|
class="ant-table-summary"
|
|
>
|
|
<tr>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-fix-sticky"
|
|
colspan="2"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
>
|
|
Fixed Top
|
|
</span>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
>
|
|
Fixed Top
|
|
</span>
|
|
</span>
|
|
</button>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
colspan="8"
|
|
>
|
|
Scroll Context
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first ant-table-cell-fix-sticky"
|
|
style="position:sticky;right:0"
|
|
>
|
|
Fix Right
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
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"
|
|
>
|
|
<span
|
|
aria-label="double-right"
|
|
class="anticon anticon-double-right ant-pagination-item-link-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="double-right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-pagination-item-ellipsis"
|
|
>
|
|
•••
|
|
</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-10"
|
|
tabindex="0"
|
|
title="10"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
10
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-options"
|
|
>
|
|
<div
|
|
aria-label="Page Size"
|
|
class="ant-select ant-select-outlined ant-pagination-options-size-changer ant-select-single ant-select-show-arrow ant-select-show-search"
|
|
>
|
|
<div
|
|
class="ant-select-selector"
|
|
>
|
|
<span
|
|
class="ant-select-selection-search"
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-controls="undefined_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="undefined_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
role="combobox"
|
|
type="search"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-select-suffix"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/summary.tsx correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Borrow
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Repayment
|
|
</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-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
33
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
100
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
0
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Red
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
75
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
45
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot
|
|
class="ant-table-summary"
|
|
>
|
|
<tr>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Total
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-typography ant-typography-danger"
|
|
>
|
|
195
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-typography"
|
|
>
|
|
88
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Balance
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
colspan="2"
|
|
>
|
|
<span
|
|
class="ant-typography ant-typography-danger"
|
|
>
|
|
107
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<br />,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered ant-table-fixed-header ant-table-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-header"
|
|
style="overflow:hidden"
|
|
>
|
|
<table
|
|
style="table-layout:fixed;visibility:hidden"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
scope="col"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Description
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="ant-table-body"
|
|
style="overflow-x:auto;overflow-y:scroll;max-height:500px"
|
|
>
|
|
<table
|
|
style="width:2000px;min-width:100%;table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
</colgroup>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-hidden="true"
|
|
class="ant-table-measure-row"
|
|
style="height:0;font-size:0"
|
|
>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Little
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Little
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Little
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="10"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="11"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Little
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="12"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="13"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="14"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Little
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="15"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="16"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="17"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Little
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="18"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="19"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="ant-table-summary"
|
|
style="overflow:hidden"
|
|
>
|
|
<table
|
|
style="table-layout:fixed;visibility:hidden"
|
|
>
|
|
<colgroup />
|
|
<tfoot
|
|
class="ant-table-summary"
|
|
>
|
|
<tr>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Summary
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is a summary content
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/tree-data.tsx correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
style="margin-bottom:16px"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
CheckStrictly:
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
<col />
|
|
<col
|
|
style="width:12%"
|
|
/>
|
|
<col
|
|
style="width:30%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
scope="col"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-with-append"
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-0"
|
|
style="padding-left:0px"
|
|
/>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
|
|
type="button"
|
|
/>
|
|
John Brown sr.
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
60
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-with-append"
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-0"
|
|
style="padding-left:0px"
|
|
/>
|
|
<button
|
|
aria-expanded="false"
|
|
aria-label="Expand row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
|
|
type="button"
|
|
/>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/tree-table-ellipsis.tsx correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
|
style="margin-bottom:16px"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
Fixed first column:
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-has-fix-left"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:30%"
|
|
/>
|
|
<col
|
|
style="width:12%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
scope="col"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis"
|
|
scope="col"
|
|
style="position:sticky;left:0"
|
|
title="Name"
|
|
>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
Name
|
|
</span>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
scope="col"
|
|
>
|
|
Address
|
|
</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-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-0"
|
|
style="padding-left:0px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-expanded"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
60
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-1"
|
|
data-row-key="11"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-1"
|
|
style="padding-left:15px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 2 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-1"
|
|
data-row-key="12"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-1"
|
|
style="padding-left:15px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-expanded"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
30
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 3 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-2"
|
|
data-row-key="121"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-2"
|
|
style="padding-left:30px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
16
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 3 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-1"
|
|
data-row-key="13"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="Jim Green sr. Jim Green sr. Jim Green sr. Jim Green sr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-1"
|
|
style="padding-left:15px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-expanded"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
Jim Green sr. Jim Green sr. Jim Green sr. Jim Green sr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
72
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-2"
|
|
data-row-key="131"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="Jim Green. Jim Green. Jim Green. Jim Green. Jim Green. Jim Green."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-2"
|
|
style="padding-left:30px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-expanded"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
Jim Green. Jim Green. Jim Green. Jim Green. Jim Green. Jim Green.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 2 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-3"
|
|
data-row-key="1311"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="Jim Green jr. Jim Green jr. Jim Green jr. Jim Green jr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-3"
|
|
style="padding-left:45px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
Jim Green jr. Jim Green jr. Jim Green jr. Jim Green jr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
25
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 3 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-3"
|
|
data-row-key="1312"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="Jimmy Green sr. Jimmy Green sr. Jimmy Green sr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-3"
|
|
style="padding-left:45px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
Jimmy Green sr. Jimmy Green sr. Jimmy Green sr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
18
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 4 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="Joe Black"
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-0"
|
|
style="padding-left:0px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
Joe Black
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sydney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|