mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
32568 lines
1.1 MiB
32568 lines
1.1 MiB
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders components/table/demo/basic.tsx extend context 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/basic.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/bordered.tsx extend context 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/bordered.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/colspan-rowspan.tsx extend context 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/colspan-rowspan.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/component-token.tsx extend context 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"
|
|
value=""
|
|
/>
|
|
<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"
|
|
value=""
|
|
/>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-London"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
London
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-New York"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
New York
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
<div
|
|
class="ant-table-filter-dropdown-btns"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
OK
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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/component-token.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/custom-filter-panel.tsx extend context 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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
style="padding: 8px;"
|
|
>
|
|
<input
|
|
class="ant-input ant-input-outlined"
|
|
placeholder="Search name"
|
|
style="margin-bottom: 8px; display: block;"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
style="width: 90px;"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="ant-btn-icon"
|
|
>
|
|
<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>
|
|
<span>
|
|
Search
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default ant-btn-sm"
|
|
style="width: 90px;"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Filter
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
close
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
style="padding: 8px;"
|
|
>
|
|
<input
|
|
class="ant-input ant-input-outlined"
|
|
placeholder="Search age"
|
|
style="margin-bottom: 8px; display: block;"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
style="width: 90px;"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="ant-btn-icon"
|
|
>
|
|
<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>
|
|
<span>
|
|
Search
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default ant-btn-sm"
|
|
style="width: 90px;"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Filter
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
close
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort descending
|
|
</div>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
style="padding: 8px;"
|
|
>
|
|
<input
|
|
class="ant-input ant-input-outlined"
|
|
placeholder="Search address"
|
|
style="margin-bottom: 8px; display: block;"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
style="width: 90px;"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="ant-btn-icon"
|
|
>
|
|
<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>
|
|
<span>
|
|
Search
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default ant-btn-sm"
|
|
style="width: 90px;"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Filter
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
close
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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/custom-filter-panel.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/drag-column-sorting.tsx extend context 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 />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
aria-describedby="DndDescribedBy-5"
|
|
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-5"
|
|
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-5"
|
|
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-5"
|
|
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-5"
|
|
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>,
|
|
<div
|
|
id="DndDescribedBy-5"
|
|
style="display: none;"
|
|
>
|
|
To pick up a draggable item, press the space bar.
|
|
While dragging, use the arrow keys to move the item.
|
|
Press space again to drop the item in its new position, or press escape to cancel.
|
|
</div>,
|
|
<div
|
|
aria-atomic="true"
|
|
aria-live="assertive"
|
|
id="DndLiveRegion-5"
|
|
role="status"
|
|
style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
|
|
/>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/drag-column-sorting.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/drag-sorting.tsx extend context 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 />
|
|
<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-1"
|
|
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-1"
|
|
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-1"
|
|
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>,
|
|
<div
|
|
id="DndDescribedBy-1"
|
|
style="display: none;"
|
|
>
|
|
To pick up a draggable item, press the space bar.
|
|
While dragging, use the arrow keys to move the item.
|
|
Press space again to drop the item in its new position, or press escape to cancel.
|
|
</div>,
|
|
<div
|
|
aria-atomic="true"
|
|
aria-live="assertive"
|
|
id="DndLiveRegion-1"
|
|
role="status"
|
|
style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
|
|
/>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/drag-sorting.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/drag-sorting-handler.tsx extend context 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
|
|
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-3"
|
|
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-3"
|
|
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-3"
|
|
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>,
|
|
<div
|
|
id="DndDescribedBy-3"
|
|
style="display: none;"
|
|
>
|
|
To pick up a draggable item, press the space bar.
|
|
While dragging, use the arrow keys to move the item.
|
|
Press space again to drop the item in its new position, or press escape to cancel.
|
|
</div>,
|
|
<div
|
|
aria-atomic="true"
|
|
aria-live="assertive"
|
|
id="DndLiveRegion-3"
|
|
role="status"
|
|
style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
|
|
/>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/drag-sorting-handler.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/dynamic-settings.tsx extend context 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"
|
|
value=""
|
|
/>
|
|
<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"
|
|
value=""
|
|
/>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-London"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
London
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-New York"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
New York
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
<div
|
|
class="ant-table-filter-dropdown-btns"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
OK
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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/dynamic-settings.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/edit-cell.tsx extend context 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>
|
|
<div
|
|
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big ant-popconfirm ant-popover-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div
|
|
class="ant-popconfirm-inner-content"
|
|
>
|
|
<div
|
|
class="ant-popconfirm-message"
|
|
>
|
|
<span
|
|
class="ant-popconfirm-message-icon"
|
|
>
|
|
<span
|
|
aria-label="exclamation-circle"
|
|
class="anticon anticon-exclamation-circle"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="exclamation-circle"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
<div
|
|
class="ant-popconfirm-message-text"
|
|
>
|
|
<div
|
|
class="ant-popconfirm-title"
|
|
>
|
|
Sure to delete?
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-popconfirm-buttons"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Cancel
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
OK
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-popover ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big ant-popconfirm ant-popover-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div
|
|
class="ant-popconfirm-inner-content"
|
|
>
|
|
<div
|
|
class="ant-popconfirm-message"
|
|
>
|
|
<span
|
|
class="ant-popconfirm-message-icon"
|
|
>
|
|
<span
|
|
aria-label="exclamation-circle"
|
|
class="anticon anticon-exclamation-circle"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="exclamation-circle"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
<div
|
|
class="ant-popconfirm-message-text"
|
|
>
|
|
<div
|
|
class="ant-popconfirm-title"
|
|
>
|
|
Sure to delete?
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-popconfirm-buttons"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Cancel
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
OK
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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/edit-cell.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/edit-row.tsx extend context 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="rc_select_TEST_OR_SSR_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="rc_select_TEST_OR_SSR_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
id="rc_select_TEST_OR_SSR"
|
|
role="combobox"
|
|
type="search"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="rc-virtual-list"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
class="rc-virtual-list-holder"
|
|
style="max-height: 256px; overflow-y: auto;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="rc-virtual-list-holder-inner"
|
|
id="rc_select_TEST_OR_SSR_list"
|
|
role="listbox"
|
|
style="display: flex; flex-direction: column;"
|
|
>
|
|
<div
|
|
aria-selected="true"
|
|
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
|
|
id="rc_select_TEST_OR_SSR_list_0"
|
|
role="option"
|
|
title="10 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
10 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_1"
|
|
role="option"
|
|
title="20 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
20 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_2"
|
|
role="option"
|
|
title="50 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
50 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_3"
|
|
role="option"
|
|
title="100 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
100 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="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/edit-row.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/ellipsis.tsx extend context 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.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/ellipsis-custom-tooltip.tsx extend context 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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</span>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</span>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</span>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</div>
|
|
</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 ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</span>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</span>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</span>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</span>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</div>
|
|
</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 ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</span>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</span>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</span>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</span>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-topLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Sydney No. 1 Lake Park, Sydney No. 1 Lake Park
|
|
</div>
|
|
</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/ellipsis-custom-tooltip.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/expand.tsx extend context 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/expand.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/filter-in-tree.tsx extend context 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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown-search"
|
|
>
|
|
<span
|
|
class="ant-input-affix-wrapper ant-input-outlined ant-table-filter-dropdown-search-input"
|
|
>
|
|
<span
|
|
class="ant-input-prefix"
|
|
>
|
|
<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>
|
|
<input
|
|
class="ant-input"
|
|
placeholder="Search in filters"
|
|
size="1"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-table-filter-dropdown-tree"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-table-filter-dropdown-checkall"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Select all items
|
|
</span>
|
|
</label>
|
|
<div
|
|
class="ant-tree ant-tree-icon-hide ant-tree-block-node ant-tree-unselectable ant-dropdown-menu"
|
|
role="tree"
|
|
>
|
|
<div>
|
|
<input
|
|
aria-label="for screen reader"
|
|
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
|
|
tabindex="0"
|
|
value=""
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="ant-tree-treenode"
|
|
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden; border: 0px; padding: 0px;"
|
|
>
|
|
<div
|
|
class="ant-tree-indent"
|
|
>
|
|
<div
|
|
class="ant-tree-indent-unit"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-tree-list"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
class="ant-tree-list-holder"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tree-list-holder-inner"
|
|
style="display: flex; flex-direction: column;"
|
|
>
|
|
<div
|
|
aria-grabbed="false"
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open"
|
|
draggable="false"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
/>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher-noop"
|
|
/>
|
|
<span
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
|
|
title="Joe"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
Joe
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
aria-grabbed="false"
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open"
|
|
draggable="false"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
/>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher_open"
|
|
>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-tree-switcher-icon"
|
|
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
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
|
|
title="Category 1"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
Category 1
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
aria-grabbed="false"
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open"
|
|
draggable="false"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
>
|
|
<span
|
|
class="ant-tree-indent-unit"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher-noop"
|
|
/>
|
|
<span
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
|
|
title="Yellow"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
Yellow
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
aria-grabbed="false"
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
|
|
draggable="false"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
>
|
|
<span
|
|
class="ant-tree-indent-unit"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher-noop"
|
|
/>
|
|
<span
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
|
|
title="Pink"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
Pink
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
aria-grabbed="false"
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
|
|
draggable="false"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
/>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher_open"
|
|
>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-tree-switcher-icon"
|
|
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
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
|
|
title="Category 2"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
Category 2
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
aria-grabbed="false"
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open"
|
|
draggable="false"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
>
|
|
<span
|
|
class="ant-tree-indent-unit ant-tree-indent-unit-end"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher-noop"
|
|
/>
|
|
<span
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
|
|
title="Green"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
Green
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
aria-grabbed="false"
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
|
|
draggable="false"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
>
|
|
<span
|
|
class="ant-tree-indent-unit ant-tree-indent-unit-end"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher-noop"
|
|
/>
|
|
<span
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
|
|
title="Black"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
Black
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-table-filter-dropdown-btns"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
OK
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown-search"
|
|
>
|
|
<span
|
|
class="ant-input-affix-wrapper ant-input-outlined ant-table-filter-dropdown-search-input"
|
|
>
|
|
<span
|
|
class="ant-input-prefix"
|
|
>
|
|
<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>
|
|
<input
|
|
class="ant-input"
|
|
placeholder="Search in filters"
|
|
size="1"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</span>
|
|
</div>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-London"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
London
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-New York"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
New York
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
<div
|
|
class="ant-table-filter-dropdown-btns"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
OK
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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-in-tree.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/filter-search.tsx extend context 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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown-search"
|
|
>
|
|
<span
|
|
class="ant-input-affix-wrapper ant-input-outlined ant-table-filter-dropdown-search-input"
|
|
>
|
|
<span
|
|
class="ant-input-prefix"
|
|
>
|
|
<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>
|
|
<input
|
|
class="ant-input"
|
|
placeholder="Search in filters"
|
|
size="1"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-table-filter-dropdown-tree"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-table-filter-dropdown-checkall"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-wave-target"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Select all items
|
|
</span>
|
|
</label>
|
|
<div
|
|
class="ant-tree ant-tree-icon-hide ant-tree-block-node ant-tree-unselectable ant-dropdown-menu"
|
|
role="tree"
|
|
>
|
|
<div>
|
|
<input
|
|
aria-label="for screen reader"
|
|
style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
|
|
tabindex="0"
|
|
value=""
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="ant-tree-treenode"
|
|
style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden; border: 0px; padding: 0px;"
|
|
>
|
|
<div
|
|
class="ant-tree-indent"
|
|
>
|
|
<div
|
|
class="ant-tree-indent-unit"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-tree-list"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
class="ant-tree-list-holder"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tree-list-holder-inner"
|
|
style="display: flex; flex-direction: column;"
|
|
>
|
|
<div
|
|
aria-grabbed="false"
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open"
|
|
draggable="false"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
/>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher-noop"
|
|
/>
|
|
<span
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
|
|
title="Joe"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
Joe
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
aria-grabbed="false"
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open"
|
|
draggable="false"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
/>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher-noop"
|
|
/>
|
|
<span
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
|
|
title="Category 1"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
Category 1
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
aria-grabbed="false"
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
|
|
draggable="false"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
/>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher-noop"
|
|
/>
|
|
<span
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
|
|
title="Category 2"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
Category 2
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-table-filter-dropdown-btns"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
OK
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown-search"
|
|
>
|
|
<span
|
|
class="ant-input-affix-wrapper ant-input-outlined ant-table-filter-dropdown-search-input"
|
|
>
|
|
<span
|
|
class="ant-input-prefix"
|
|
>
|
|
<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>
|
|
<input
|
|
class="ant-input"
|
|
placeholder="Search in filters"
|
|
size="1"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</span>
|
|
</div>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-London"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
London
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-New York"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
New York
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
<div
|
|
class="ant-table-filter-dropdown-btns"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
OK
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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 extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/fixed-columns.tsx extend context 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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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: 0px;"
|
|
>
|
|
Action
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-hidden="true"
|
|
class="ant-table-measure-row"
|
|
style="height: 0px; font-size: 0px;"
|
|
>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; 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: 0px;"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/fixed-columns-header.tsx extend context 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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px; font-size: 0px;"
|
|
>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; 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: 0px;"
|
|
>
|
|
Edward 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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="rc_select_TEST_OR_SSR_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="rc_select_TEST_OR_SSR_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
id="rc_select_TEST_OR_SSR"
|
|
role="combobox"
|
|
type="search"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="rc-virtual-list"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
class="rc-virtual-list-holder"
|
|
style="max-height: 256px; overflow-y: auto;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="rc-virtual-list-holder-inner"
|
|
id="rc_select_TEST_OR_SSR_list"
|
|
role="listbox"
|
|
style="display: flex; flex-direction: column;"
|
|
>
|
|
<div
|
|
aria-selected="true"
|
|
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
|
|
id="rc_select_TEST_OR_SSR_list_0"
|
|
role="option"
|
|
title="10 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
10 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_1"
|
|
role="option"
|
|
title="20 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
20 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_2"
|
|
role="option"
|
|
title="50 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
50 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_3"
|
|
role="option"
|
|
title="100 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
100 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="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-columns-header.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/fixed-gapped-columns.tsx extend context 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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
Action 3
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-hidden="true"
|
|
class="ant-table-measure-row"
|
|
style="height: 0px; font-size: 0px;"
|
|
>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; 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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders components/table/demo/fixed-gapped-columns.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/fixed-header.tsx extend context 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: 0px; font-size: 0px;"
|
|
>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; 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="rc_select_TEST_OR_SSR_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="rc_select_TEST_OR_SSR_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
id="rc_select_TEST_OR_SSR"
|
|
role="combobox"
|
|
type="search"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="50 / page"
|
|
>
|
|
50 / page
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="rc-virtual-list"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
class="rc-virtual-list-holder"
|
|
style="max-height: 256px; overflow-y: auto;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="rc-virtual-list-holder-inner"
|
|
id="rc_select_TEST_OR_SSR_list"
|
|
role="listbox"
|
|
style="display: flex; flex-direction: column;"
|
|
>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option ant-select-item-option-active"
|
|
id="rc_select_TEST_OR_SSR_list_0"
|
|
role="option"
|
|
title="10 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
10 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_1"
|
|
role="option"
|
|
title="20 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
20 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="true"
|
|
class="ant-select-item ant-select-item-option ant-select-item-option-selected"
|
|
id="rc_select_TEST_OR_SSR_list_2"
|
|
role="option"
|
|
title="50 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
50 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_3"
|
|
role="option"
|
|
title="100 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
100 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="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-header.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/grouping-columns.tsx extend context 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: 0px;"
|
|
>
|
|
<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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-Joe"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
Joe
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-John"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
John
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
<div
|
|
class="ant-table-filter-dropdown-btns"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
OK
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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: 0px;"
|
|
>
|
|
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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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: 0px; font-size: 0px;"
|
|
>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; 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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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="rc_select_TEST_OR_SSR_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="rc_select_TEST_OR_SSR_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
id="rc_select_TEST_OR_SSR"
|
|
role="combobox"
|
|
type="search"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="rc-virtual-list"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
class="rc-virtual-list-holder"
|
|
style="max-height: 256px; overflow-y: auto;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="rc-virtual-list-holder-inner"
|
|
id="rc_select_TEST_OR_SSR_list"
|
|
role="listbox"
|
|
style="display: flex; flex-direction: column;"
|
|
>
|
|
<div
|
|
aria-selected="true"
|
|
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
|
|
id="rc_select_TEST_OR_SSR_list_0"
|
|
role="option"
|
|
title="10 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
10 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_1"
|
|
role="option"
|
|
title="20 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
20 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_2"
|
|
role="option"
|
|
title="50 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
50 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_3"
|
|
role="option"
|
|
title="100 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
100 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="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 extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/head.tsx extend context 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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort descending
|
|
</div>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-Joe"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
Joe
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-Jim"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
Jim
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
|
|
role="none"
|
|
>
|
|
<div
|
|
aria-controls="rc-menu-uuid-test-Submenu-popup"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
class="ant-dropdown-menu-submenu-title"
|
|
data-menu-id="rc-menu-uuid-test-Submenu"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Submenu
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-menu-submenu-expand-icon ant-dropdown-menu-submenu-arrow"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right ant-dropdown-menu-submenu-arrow-icon"
|
|
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>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-dropdown-menu-submenu ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big ant-dropdown-menu-submenu-popup ant-dropdown-menu ant-table-filter-dropdown-submenu ant-dropdown-menu-light ant-dropdown-menu-submenu-placement-rightTop"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-sub ant-dropdown-menu-vertical"
|
|
data-menu-list="true"
|
|
id="rc-menu-uuid-test-Submenu-popup"
|
|
role="menu"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-Green"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
Green
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-Black"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
Black
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
<div
|
|
class="ant-table-filter-dropdown-btns"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
OK
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to cancel sorting
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-London"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
London
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-New York"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
New York
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
<div
|
|
class="ant-table-filter-dropdown-btns"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
OK
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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/head.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/hidden-columns.tsx extend context 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/hidden-columns.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/jsx.tsx extend context 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/jsx.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/multiple-sorter.tsx extend context 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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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/multiple-sorter.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/narrow.tsx extend context 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="rc_select_TEST_OR_SSR_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="rc_select_TEST_OR_SSR_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
id="rc_select_TEST_OR_SSR"
|
|
role="combobox"
|
|
type="search"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="rc-virtual-list"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
class="rc-virtual-list-holder"
|
|
style="max-height: 256px; overflow-y: auto;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="rc-virtual-list-holder-inner"
|
|
id="rc_select_TEST_OR_SSR_list"
|
|
role="listbox"
|
|
style="display: flex; flex-direction: column;"
|
|
>
|
|
<div
|
|
aria-selected="true"
|
|
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
|
|
id="rc_select_TEST_OR_SSR_list_0"
|
|
role="option"
|
|
title="10 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
10 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_1"
|
|
role="option"
|
|
title="20 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
20 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_2"
|
|
role="option"
|
|
title="50 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
50 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_3"
|
|
role="option"
|
|
title="100 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
100 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="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/narrow.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/nest-table-border-debug.tsx extend context 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/nest-table-border-debug.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/nested-table.tsx extend context 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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-1"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 1
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-2"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 2
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-1"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 1
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-2"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 2
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-1"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 1
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-2"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 2
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-1"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 1
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-2"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 2
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-1"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 1
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-2"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 2
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-1"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 1
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-2"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 2
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-1"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 1
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-2"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 2
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-1"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 1
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-2"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 2
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-1"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 1
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-2"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Action 2
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
</div>
|
|
</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/nested-table.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/order-column.tsx extend context 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/order-column.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/pagination.tsx extend context 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/pagination.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/reset-filter.tsx extend context 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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-Joe"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
Joe
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-Jim"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
Jim
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
<div
|
|
class="ant-table-filter-dropdown-btns"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
OK
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomRight"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light ant-dropdown-menu-without-submenu"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-London"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
London
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-New York"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<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>
|
|
<span>
|
|
New York
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
<div
|
|
class="ant-table-filter-dropdown-btns"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-link ant-btn-sm"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reset
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
type="button"
|
|
>
|
|
<span>
|
|
OK
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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/reset-filter.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/resizable-column.tsx extend context 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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; bottom: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</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/resizable-column.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/responsive.tsx extend context 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/responsive.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/row-selection.tsx extend context 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.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/row-selection-and-operation.tsx extend context 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-and-operation.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/row-selection-custom.tsx extend context 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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-all"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Select all data
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-invert"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Invert current page
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-none"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Clear all data
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-odd"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Select Odd Row
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-even"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Select Even Row
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
</div>
|
|
</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.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/row-selection-custom-debug.tsx extend context 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-custom-debug.tsx extend context correctly 2`] = `
|
|
[
|
|
"Warning: \`columns.render\` return cell props is deprecated with perf issue, please use \`onCell\` instead.",
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/row-selection-debug.tsx extend context 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/row-selection-debug.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/selections-debug.tsx extend context 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
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
|
|
data-menu-list="true"
|
|
role="menu"
|
|
tabindex="0"
|
|
>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-all"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Select all data
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-invert"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Invert current page
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
|
|
data-menu-id="rc-menu-uuid-test-none"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
Clear all data
|
|
</span>
|
|
</li>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-dropdown-menu-inline-collapsed-tooltip ant-tooltip-placement-right"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
style="position: absolute; top: 0px; left: 0px;"
|
|
/>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
/>
|
|
</div>
|
|
</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/selections-debug.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/size.tsx extend context 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/size.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/sticky.tsx extend context 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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px; font-size: 0px;"
|
|
>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; 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: 0px;"
|
|
>
|
|
Edward 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
Edward 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="ant-table-summary ant-table-sticky-holder"
|
|
style="overflow: hidden; bottom: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
>
|
|
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="rc_select_TEST_OR_SSR_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="rc_select_TEST_OR_SSR_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
id="rc_select_TEST_OR_SSR"
|
|
role="combobox"
|
|
type="search"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-placement-bottomLeft"
|
|
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="rc-virtual-list"
|
|
style="position: relative;"
|
|
>
|
|
<div
|
|
class="rc-virtual-list-holder"
|
|
style="max-height: 256px; overflow-y: auto;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="rc-virtual-list-holder-inner"
|
|
id="rc_select_TEST_OR_SSR_list"
|
|
role="listbox"
|
|
style="display: flex; flex-direction: column;"
|
|
>
|
|
<div
|
|
aria-selected="true"
|
|
class="ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected"
|
|
id="rc_select_TEST_OR_SSR_list_0"
|
|
role="option"
|
|
title="10 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
10 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_1"
|
|
role="option"
|
|
title="20 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
20 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_2"
|
|
role="option"
|
|
title="50 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
50 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option"
|
|
id="rc_select_TEST_OR_SSR_list_3"
|
|
role="option"
|
|
title="100 / page"
|
|
>
|
|
<div
|
|
class="ant-select-item-option-content"
|
|
>
|
|
100 / page
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-item-option-state"
|
|
style="user-select: none;"
|
|
unselectable="on"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="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/sticky.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/summary.tsx extend context 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: 0px;"
|
|
>
|
|
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: 0px; font-size: 0px;"
|
|
>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; overflow: hidden;"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding: 0px; border: 0px; height: 0px;"
|
|
>
|
|
<div
|
|
style="height: 0px; 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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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: 0px;"
|
|
>
|
|
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/summary.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/tree-data.tsx extend context 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-data.tsx extend context correctly 2`] = `[]`;
|
|
|
|
exports[`renders components/table/demo/tree-table-ellipsis.tsx extend context 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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
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: 0px;"
|
|
>
|
|
<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: 0px;"
|
|
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>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders components/table/demo/tree-table-ellipsis.tsx extend context correctly 2`] = `[]`;
|