mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 17:31:25 +08:00
27725 lines
1008 KiB
Plaintext
27725 lines
1008 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/table/demo/ajax.md extend context correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div>
|
|
<div
|
|
aria-busy="true"
|
|
aria-live="polite"
|
|
class="ant-spin ant-spin-spinning"
|
|
>
|
|
<span
|
|
class="ant-spin-dot ant-spin-dot-spin"
|
|
>
|
|
<i
|
|
class="ant-spin-dot-item"
|
|
/>
|
|
<i
|
|
class="ant-spin-dot-item"
|
|
/>
|
|
<i
|
|
class="ant-spin-dot-item"
|
|
/>
|
|
<i
|
|
class="ant-spin-dot-item"
|
|
/>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-spin-container ant-spin-blur"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-empty"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout: auto;"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width: 20%;"
|
|
/>
|
|
<col
|
|
style="width: 20%;"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
aria-label="Name sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
tabindex="0"
|
|
>
|
|
<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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Gender
|
|
</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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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-male"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
Male
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<li
|
|
class="ant-dropdown-menu-item"
|
|
data-menu-id="rc-menu-uuid-test-female"
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
class="ant-dropdown-menu-title-content"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
Female
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</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>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Email
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-placeholder"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
colspan="3"
|
|
>
|
|
<div
|
|
class="ant-empty ant-empty-normal"
|
|
>
|
|
<div
|
|
class="ant-empty-image"
|
|
>
|
|
<svg
|
|
height="41"
|
|
viewBox="0 0 64 41"
|
|
width="64"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<g
|
|
fill="none"
|
|
fill-rule="evenodd"
|
|
transform="translate(0 1)"
|
|
>
|
|
<ellipse
|
|
cx="32"
|
|
cy="33"
|
|
fill="#F5F5F5"
|
|
rx="32"
|
|
ry="7"
|
|
/>
|
|
<g
|
|
fill-rule="nonzero"
|
|
stroke="#D9D9D9"
|
|
>
|
|
<path
|
|
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
|
|
/>
|
|
<path
|
|
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
|
|
fill="#FAFAFA"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div
|
|
class="ant-empty-description"
|
|
>
|
|
No Data
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/basic.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Tags
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<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"
|
|
>
|
|
Sidney 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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell column-money"
|
|
style="text-align: right;"
|
|
>
|
|
Cash Assets
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
Sidney 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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="2"
|
|
>
|
|
Home phone
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
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"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Jim Green
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
0571-22098333
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
18889898888
|
|
</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"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
rowspan="2"
|
|
>
|
|
0575-22098909
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
18900010002
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<a>
|
|
Jim Red
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
18
|
|
</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"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
colspan="5"
|
|
>
|
|
<a>
|
|
Jake White
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
style="padding: 8px;"
|
|
>
|
|
<input
|
|
class="ant-input"
|
|
placeholder="Search name"
|
|
style="margin-bottom: 8px; display: block;"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
style="width: 90px;"
|
|
type="button"
|
|
>
|
|
<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>
|
|
Search
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
style="padding: 8px;"
|
|
>
|
|
<input
|
|
class="ant-input"
|
|
placeholder="Search age"
|
|
style="margin-bottom: 8px; display: block;"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
style="width: 90px;"
|
|
type="button"
|
|
>
|
|
<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>
|
|
Search
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Address sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort descending
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
style="padding: 8px;"
|
|
>
|
|
<input
|
|
class="ant-input"
|
|
placeholder="Search address"
|
|
style="margin-bottom: 8px; display: block;"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
style="width: 90px;"
|
|
type="button"
|
|
>
|
|
<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>
|
|
Search
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
<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>
|
|
</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"
|
|
>
|
|
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"
|
|
>
|
|
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"
|
|
unselectable="unselectable"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/drag-sorting.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Address
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
draggable="true"
|
|
style="cursor: move;"
|
|
>
|
|
<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"
|
|
draggable="true"
|
|
style="cursor: move;"
|
|
>
|
|
<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"
|
|
draggable="true"
|
|
style="cursor: move;"
|
|
>
|
|
<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"
|
|
unselectable="unselectable"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/drag-sorting-handler.md 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: 30px;"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell drag-visible"
|
|
>
|
|
Sort
|
|
</th>
|
|
<th
|
|
class="ant-table-cell drag-visible"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Address
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell drag-visible"
|
|
>
|
|
<span
|
|
aria-label="menu"
|
|
class="anticon anticon-menu"
|
|
role="img"
|
|
style="cursor: grab; color: rgb(153, 153, 153);"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="menu"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell drag-visible"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell drag-visible"
|
|
>
|
|
<span
|
|
aria-label="menu"
|
|
class="anticon anticon-menu"
|
|
role="img"
|
|
style="cursor: grab; color: rgb(153, 153, 153);"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="menu"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell drag-visible"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell drag-visible"
|
|
>
|
|
<span
|
|
aria-label="menu"
|
|
class="anticon anticon-menu"
|
|
role="img"
|
|
style="cursor: grab; color: rgb(153, 153, 153);"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="menu"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell drag-visible"
|
|
>
|
|
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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/dynamic-settings.md 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"
|
|
/>
|
|
</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"
|
|
/>
|
|
</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"
|
|
/>
|
|
</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"
|
|
/>
|
|
</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"
|
|
/>
|
|
</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"
|
|
/>
|
|
</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"
|
|
/>
|
|
</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"
|
|
/>
|
|
</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"
|
|
/>
|
|
</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"
|
|
/>
|
|
</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"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
aria-label="Age sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
London
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
New York
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</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>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Action sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</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-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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
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"
|
|
unselectable="unselectable"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/edit-cell.md 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"
|
|
>
|
|
name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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>
|
|
<div
|
|
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popconfirm-inner-content"
|
|
>
|
|
<div
|
|
class="ant-popconfirm-message"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-popconfirm-message-title"
|
|
>
|
|
Sure to delete?
|
|
</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>
|
|
<div
|
|
class="ant-popover ant-popconfirm ant-zoom-big-appear ant-zoom-big-appear-prepare ant-zoom-big"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popconfirm-inner-content"
|
|
>
|
|
<div
|
|
class="ant-popconfirm-message"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-popconfirm-message-title"
|
|
>
|
|
Sure to delete?
|
|
</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"
|
|
unselectable="unselectable"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/edit-row.md 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"
|
|
>
|
|
name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
Edrward 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"
|
|
>
|
|
Edrward 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"
|
|
>
|
|
Edrward 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"
|
|
>
|
|
Edrward 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"
|
|
>
|
|
Edrward 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"
|
|
>
|
|
Edrward 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"
|
|
>
|
|
Edrward 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"
|
|
>
|
|
Edrward 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"
|
|
>
|
|
Edrward 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"
|
|
>
|
|
Edrward 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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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-pagination-options-size-changer ant-select-single ant-select-show-arrow"
|
|
>
|
|
<div
|
|
class="ant-select-selector"
|
|
>
|
|
<span
|
|
class="ant-select-selection-search"
|
|
>
|
|
<input
|
|
aria-activedescendant="rc_select_test_list_test"
|
|
aria-autocomplete="list"
|
|
aria-controls="rc_select_test_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="rc_select_test_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
id="rc_select_test"
|
|
readonly=""
|
|
role="combobox"
|
|
style="opacity: 0;"
|
|
type="search"
|
|
unselectable="on"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<div>
|
|
<div
|
|
id="rc_select_test_list"
|
|
role="listbox"
|
|
style="height: 0px; width: 0px; overflow: hidden;"
|
|
>
|
|
<div
|
|
aria-label="10 / page"
|
|
aria-selected="true"
|
|
id="rc_select_test_list_test"
|
|
role="option"
|
|
>
|
|
10
|
|
</div>
|
|
<div
|
|
aria-label="20 / page"
|
|
aria-selected="false"
|
|
id="rc_select_test_list_test"
|
|
role="option"
|
|
>
|
|
20
|
|
</div>
|
|
</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"
|
|
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"
|
|
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"
|
|
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"
|
|
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"
|
|
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>
|
|
</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
|
|
style="position: absolute; top: 0px; left: 0px; width: 100%;"
|
|
/>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/ellipsis.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Address"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Long Column Long Column Long Column"
|
|
>
|
|
Long Column Long Column Long Column
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Long Column Long Column"
|
|
>
|
|
Long Column Long Column
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
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="Sidney No. 1 Lake Park, Sidney No. 1 Lake Park"
|
|
>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Sidney No. 1 Lake Park, Sidney No. 1 Lake Park"
|
|
>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Sidney No. 1 Lake Park, Sidney No. 1 Lake Park"
|
|
>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Sidney No. 1 Lake Park, Sidney No. 1 Lake Park"
|
|
>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Address"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Long Column Long Column Long Column"
|
|
>
|
|
Long Column Long Column Long Column
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Long Column Long Column"
|
|
>
|
|
Long Column Long Column
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</div>
|
|
</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>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</span>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</span>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</span>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</span>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
Sidney 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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown-search"
|
|
>
|
|
<span
|
|
class="ant-input-affix-wrapper 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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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;"
|
|
>
|
|
<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>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Age sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown-search"
|
|
>
|
|
<span
|
|
class="ant-input-affix-wrapper 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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
London
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
New York
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</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>
|
|
</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"
|
|
>
|
|
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"
|
|
>
|
|
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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown-search"
|
|
>
|
|
<span
|
|
class="ant-input-affix-wrapper 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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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;"
|
|
>
|
|
<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>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Age sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown"
|
|
>
|
|
<div
|
|
class="ant-table-filter-dropdown-search"
|
|
>
|
|
<span
|
|
class="ant-input-affix-wrapper 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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
London
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
New York
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</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>
|
|
</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"
|
|
>
|
|
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"
|
|
>
|
|
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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
Full Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 1
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 2
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 3
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 4
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 5
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 6
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 7
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 8
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
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"
|
|
unselectable="unselectable"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/fixed-columns-header.md 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"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
Full Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 1
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 2
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 3
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 4
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 5
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 6
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 7
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 8
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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-pagination-options-size-changer ant-select-single ant-select-show-arrow"
|
|
>
|
|
<div
|
|
class="ant-select-selector"
|
|
>
|
|
<span
|
|
class="ant-select-selection-search"
|
|
>
|
|
<input
|
|
aria-activedescendant="rc_select_test_list_test"
|
|
aria-autocomplete="list"
|
|
aria-controls="rc_select_test_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="rc_select_test_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
id="rc_select_test"
|
|
readonly=""
|
|
role="combobox"
|
|
style="opacity: 0;"
|
|
type="search"
|
|
unselectable="on"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<div>
|
|
<div
|
|
id="rc_select_test_list"
|
|
role="listbox"
|
|
style="height: 0px; width: 0px; overflow: hidden;"
|
|
>
|
|
<div
|
|
aria-label="10 / page"
|
|
aria-selected="true"
|
|
id="rc_select_test_list_test"
|
|
role="option"
|
|
>
|
|
10
|
|
</div>
|
|
<div
|
|
aria-label="20 / page"
|
|
aria-selected="false"
|
|
id="rc_select_test_list_test"
|
|
role="option"
|
|
>
|
|
20
|
|
</div>
|
|
</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"
|
|
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"
|
|
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"
|
|
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"
|
|
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"
|
|
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>
|
|
</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
|
|
style="position: absolute; top: 0px; left: 0px; width: 100%;"
|
|
/>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/fixed-header.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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-pagination-options-size-changer ant-select-single ant-select-show-arrow"
|
|
>
|
|
<div
|
|
class="ant-select-selector"
|
|
>
|
|
<span
|
|
class="ant-select-selection-search"
|
|
>
|
|
<input
|
|
aria-activedescendant="rc_select_test_list_test"
|
|
aria-autocomplete="list"
|
|
aria-controls="rc_select_test_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="rc_select_test_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
id="rc_select_test"
|
|
readonly=""
|
|
role="combobox"
|
|
style="opacity: 0;"
|
|
type="search"
|
|
unselectable="on"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="50 / page"
|
|
>
|
|
50 / page
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<div>
|
|
<div
|
|
id="rc_select_test_list"
|
|
role="listbox"
|
|
style="height: 0px; width: 0px; overflow: hidden;"
|
|
>
|
|
<div
|
|
aria-label="10 / page"
|
|
aria-selected="false"
|
|
id="rc_select_test_list_test"
|
|
role="option"
|
|
>
|
|
10
|
|
</div>
|
|
<div
|
|
aria-label="20 / page"
|
|
aria-selected="false"
|
|
id="rc_select_test_list_test"
|
|
role="option"
|
|
>
|
|
20
|
|
</div>
|
|
</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"
|
|
style="display: flex; flex-direction: column;"
|
|
>
|
|
<div
|
|
aria-selected="false"
|
|
class="ant-select-item ant-select-item-option ant-select-item-option-active"
|
|
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"
|
|
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"
|
|
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"
|
|
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>
|
|
</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
|
|
style="position: absolute; top: 0px; left: 0px; width: 100%;"
|
|
/>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/grouping-columns.md 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"
|
|
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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
Joe
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
John
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</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>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="4"
|
|
>
|
|
Other
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="2"
|
|
>
|
|
Company
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
rowspan="4"
|
|
style="position: sticky; right: 0px;"
|
|
>
|
|
Gender
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
aria-label="Age sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
rowspan="3"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="3"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="3"
|
|
>
|
|
Company Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="3"
|
|
>
|
|
Company Name
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="2"
|
|
>
|
|
Street
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="2"
|
|
>
|
|
Block
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Building
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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-pagination-options-size-changer ant-select-single ant-select-show-arrow"
|
|
>
|
|
<div
|
|
class="ant-select-selector"
|
|
>
|
|
<span
|
|
class="ant-select-selection-search"
|
|
>
|
|
<input
|
|
aria-activedescendant="rc_select_test_list_test"
|
|
aria-autocomplete="list"
|
|
aria-controls="rc_select_test_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="rc_select_test_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
id="rc_select_test"
|
|
readonly=""
|
|
role="combobox"
|
|
style="opacity: 0;"
|
|
type="search"
|
|
unselectable="on"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<div>
|
|
<div
|
|
id="rc_select_test_list"
|
|
role="listbox"
|
|
style="height: 0px; width: 0px; overflow: hidden;"
|
|
>
|
|
<div
|
|
aria-label="10 / page"
|
|
aria-selected="true"
|
|
id="rc_select_test_list_test"
|
|
role="option"
|
|
>
|
|
10
|
|
</div>
|
|
<div
|
|
aria-label="20 / page"
|
|
aria-selected="false"
|
|
id="rc_select_test_list_test"
|
|
role="option"
|
|
>
|
|
20
|
|
</div>
|
|
</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"
|
|
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"
|
|
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"
|
|
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"
|
|
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"
|
|
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>
|
|
</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
|
|
style="position: absolute; top: 0px; left: 0px; width: 100%;"
|
|
/>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/head.md 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 sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort descending
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
Joe
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
Jim
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-popup ant-dropdown-menu ant-table-filter-dropdown-submenu ant-dropdown-menu-light"
|
|
style="opacity: 0;"
|
|
>
|
|
<ul
|
|
class="ant-dropdown-menu ant-dropdown-menu-sub ant-dropdown-menu-vertical"
|
|
data-menu-list="true"
|
|
id="rc-menu-uuid-test-Submenu-popup"
|
|
>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
Green
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
Black
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</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>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-sort="descending"
|
|
class="ant-table-cell ant-table-column-sort ant-table-column-has-sorters"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to cancel sorting
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
London
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
New York
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</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>
|
|
</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"
|
|
>
|
|
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"
|
|
>
|
|
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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="2"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="2"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="2"
|
|
>
|
|
Tags
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="2"
|
|
>
|
|
Action
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
First Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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-blue"
|
|
>
|
|
nice
|
|
</span>
|
|
<span
|
|
class="ant-tag ant-tag-blue"
|
|
>
|
|
developer
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<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-blue"
|
|
>
|
|
loser
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<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"
|
|
>
|
|
Sidney No. 1 Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag ant-tag-blue"
|
|
>
|
|
cool
|
|
</span>
|
|
<span
|
|
class="ant-tag ant-tag-blue"
|
|
>
|
|
teacher
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
aria-label="Chinese Score sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Math Score sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="English Score sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</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"
|
|
>
|
|
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"
|
|
unselectable="unselectable"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/narrow.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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-pagination-options-size-changer ant-select-single ant-select-show-arrow"
|
|
>
|
|
<div
|
|
class="ant-select-selector"
|
|
>
|
|
<span
|
|
class="ant-select-selection-search"
|
|
>
|
|
<input
|
|
aria-activedescendant="rc_select_test_list_test"
|
|
aria-autocomplete="list"
|
|
aria-controls="rc_select_test_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="rc_select_test_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
id="rc_select_test"
|
|
readonly=""
|
|
role="combobox"
|
|
style="opacity: 0;"
|
|
type="search"
|
|
unselectable="on"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<div>
|
|
<div
|
|
id="rc_select_test_list"
|
|
role="listbox"
|
|
style="height: 0px; width: 0px; overflow: hidden;"
|
|
>
|
|
<div
|
|
aria-label="10 / page"
|
|
aria-selected="true"
|
|
id="rc_select_test_list_test"
|
|
role="option"
|
|
>
|
|
10
|
|
</div>
|
|
<div
|
|
aria-label="20 / page"
|
|
aria-selected="false"
|
|
id="rc_select_test_list_test"
|
|
role="option"
|
|
>
|
|
20
|
|
</div>
|
|
</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"
|
|
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"
|
|
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"
|
|
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"
|
|
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"
|
|
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>
|
|
</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
|
|
style="position: absolute; top: 0px; left: 0px; width: 100%;"
|
|
/>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/nest-table-border-debug.md 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"
|
|
/>
|
|
</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"
|
|
/>
|
|
</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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Platform
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Version
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Upgraded
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Creator
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Platform
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Version
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Upgraded
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Creator
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
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-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"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Status
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Upgrade Status
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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>
|
|
<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"
|
|
/>
|
|
</span>
|
|
Finished
|
|
</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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
<div>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</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"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is production name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span>
|
|
<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"
|
|
/>
|
|
</span>
|
|
Finished
|
|
</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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
<div>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<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"
|
|
/>
|
|
</span>
|
|
Finished
|
|
</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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
<div>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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"
|
|
>
|
|
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>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
unselectable="unselectable"
|
|
>
|
|
<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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Platform
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Version
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Upgraded
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Creator
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
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-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"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Status
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Upgrade Status
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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>
|
|
<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"
|
|
/>
|
|
</span>
|
|
Finished
|
|
</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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
<div>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</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"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is production name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span>
|
|
<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"
|
|
/>
|
|
</span>
|
|
Finished
|
|
</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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
<div>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<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"
|
|
/>
|
|
</span>
|
|
Finished
|
|
</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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
<div>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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"
|
|
>
|
|
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>
|
|
<ul
|
|
class="ant-pagination ant-pagination-mini ant-table-pagination ant-table-pagination-right"
|
|
unselectable="unselectable"
|
|
>
|
|
<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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Platform
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Version
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Upgraded
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Creator
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
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-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"
|
|
>
|
|
Date
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Status
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Upgrade Status
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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>
|
|
<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"
|
|
/>
|
|
</span>
|
|
Finished
|
|
</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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
<div>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</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"
|
|
>
|
|
2014-12-24 23:12:00
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is production name
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span>
|
|
<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"
|
|
/>
|
|
</span>
|
|
Finished
|
|
</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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
<div>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<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"
|
|
/>
|
|
</span>
|
|
Finished
|
|
</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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Pause
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<a>
|
|
Stop
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
>
|
|
<a
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
More
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
<div>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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"
|
|
>
|
|
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>
|
|
<ul
|
|
class="ant-pagination ant-pagination-mini ant-table-pagination ant-table-pagination-right"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
/>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</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"
|
|
unselectable="unselectable"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/pagination.md 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-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"
|
|
>
|
|
<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"
|
|
>
|
|
<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"
|
|
>
|
|
<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"
|
|
>
|
|
<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"
|
|
>
|
|
<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-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"
|
|
>
|
|
<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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Address
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Tags
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<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"
|
|
>
|
|
Sidney 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"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 16px;"
|
|
>
|
|
<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"
|
|
unselectable="unselectable"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/reset-filter.md extend context correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
style="margin-bottom: 16px;"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Sort age
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
<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 sortable"
|
|
class="ant-table-cell ant-table-cell-ellipsis ant-table-column-has-sorters"
|
|
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 ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
Joe
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
Jim
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</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>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Age sortable"
|
|
class="ant-table-cell ant-table-cell-ellipsis ant-table-column-has-sorters"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="Address sortable"
|
|
class="ant-table-cell ant-table-cell-ellipsis ant-table-column-has-sorters"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
London
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span>
|
|
New York
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</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>
|
|
</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="Sidney No. 1 Lake Park"
|
|
>
|
|
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 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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
Date
|
|
<span
|
|
class="react-resizable-handle"
|
|
/>
|
|
</th>
|
|
<th
|
|
aria-label="Amount sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters react-resizable"
|
|
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
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<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="presentation"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
>
|
|
Click to sort ascending
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="react-resizable-handle"
|
|
/>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell react-resizable"
|
|
>
|
|
Type
|
|
<span
|
|
class="react-resizable-handle"
|
|
/>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell react-resizable"
|
|
>
|
|
Note
|
|
<span
|
|
class="react-resizable-handle"
|
|
/>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
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"
|
|
unselectable="unselectable"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/row-selection.md 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-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"
|
|
>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
name="John Brown"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
name="Jim Green"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
name="Joe Black"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
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 ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
name="Disabled User"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
Sidney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
unselectable="unselectable"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/row-selection-and-operation.md extend context correctly 1`] = `
|
|
<div>
|
|
<div
|
|
style="margin-bottom: 16px;"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span>
|
|
Reload
|
|
</span>
|
|
</button>
|
|
<span
|
|
style="margin-left: 8px;"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<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"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
unselectable="unselectable"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
5
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/row-selection-custom.md 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"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<div
|
|
class="ant-table-selection-extra"
|
|
>
|
|
<span
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
<div>
|
|
<div
|
|
class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
<div
|
|
aria-hidden="true"
|
|
style="display: none;"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast"
|
|
style="opacity: 0;"
|
|
>
|
|
<div
|
|
class="ant-tooltip-content"
|
|
>
|
|
<div
|
|
class="ant-tooltip-arrow"
|
|
>
|
|
<span
|
|
class="ant-tooltip-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-tooltip-inner"
|
|
role="tooltip"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md 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"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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/size.md extend context correctly 1`] = `
|
|
<div>
|
|
<h4>
|
|
Middle size table
|
|
</h4>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-middle"
|
|
>
|
|
<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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
Sidney 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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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>
|
|
<h4>
|
|
Small size table
|
|
</h4>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-small"
|
|
>
|
|
<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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
Sidney 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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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/sticky.md 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: 0px;"
|
|
>
|
|
<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"
|
|
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"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 1
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 2
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 3
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 4
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 5
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 6
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 7
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Column 8
|
|
</th>
|
|
<th
|
|
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;"
|
|
>
|
|
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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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;"
|
|
>
|
|
Edrward 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"
|
|
>
|
|
Fixed Top
|
|
</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"
|
|
unselectable="unselectable"
|
|
>
|
|
<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-pagination-options-size-changer ant-select-single ant-select-show-arrow"
|
|
>
|
|
<div
|
|
class="ant-select-selector"
|
|
>
|
|
<span
|
|
class="ant-select-selection-search"
|
|
>
|
|
<input
|
|
aria-activedescendant="rc_select_test_list_test"
|
|
aria-autocomplete="list"
|
|
aria-controls="rc_select_test_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="rc_select_test_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
id="rc_select_test"
|
|
readonly=""
|
|
role="combobox"
|
|
style="opacity: 0;"
|
|
type="search"
|
|
unselectable="on"
|
|
value=""
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-select-selection-item"
|
|
title="10 / page"
|
|
>
|
|
10 / page
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<div
|
|
class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
|
|
style="opacity: 0;"
|
|
>
|
|
<div>
|
|
<div
|
|
id="rc_select_test_list"
|
|
role="listbox"
|
|
style="height: 0px; width: 0px; overflow: hidden;"
|
|
>
|
|
<div
|
|
aria-label="10 / page"
|
|
aria-selected="true"
|
|
id="rc_select_test_list_test"
|
|
role="option"
|
|
>
|
|
10
|
|
</div>
|
|
<div
|
|
aria-label="20 / page"
|
|
aria-selected="false"
|
|
id="rc_select_test_list_test"
|
|
role="option"
|
|
>
|
|
20
|
|
</div>
|
|
</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"
|
|
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"
|
|
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"
|
|
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"
|
|
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"
|
|
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>
|
|
</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
|
|
style="position: absolute; top: 0px; left: 0px; width: 100%;"
|
|
/>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/summary.md 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"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Borrow
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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/tree-data.md extend context correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
style="margin-bottom: 16px;"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
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"
|
|
/>
|
|
</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"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
Sidney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
unselectable="unselectable"
|
|
>
|
|
<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.md extend context correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
style="margin-bottom: 16px;"
|
|
>
|
|
<div
|
|
class="ant-space-item"
|
|
style="margin-right: 8px;"
|
|
>
|
|
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"
|
|
/>
|
|
</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"
|
|
style="position: sticky; left: 0px;"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
style="position: sticky; left: 0px;"
|
|
title="Name"
|
|
>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
Name
|
|
</span>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Age
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
value=""
|
|
/>
|
|
<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"
|
|
>
|
|
Sidney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
unselectable="unselectable"
|
|
>
|
|
<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/virtual-list.md extend context correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper virtual-table"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-fixed-header ant-table-scroll-horizontal"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-header"
|
|
style="overflow: hidden;"
|
|
>
|
|
<table
|
|
style="table-layout: fixed;"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width: 150px;"
|
|
/>
|
|
<col
|
|
style="width: 0px;"
|
|
/>
|
|
<col
|
|
style="width: 0px;"
|
|
/>
|
|
<col
|
|
style="width: 0px;"
|
|
/>
|
|
<col
|
|
style="width: 200px;"
|
|
/>
|
|
<col
|
|
style="width: 100px;"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
A
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
B
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
D
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
E
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
F
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="virtual-grid"
|
|
style="position: relative; height: 300px; width: 0px; overflow: auto; will-change: transform; direction: ltr;"
|
|
>
|
|
<div
|
|
style="height: 5000028px; width: 350px;"
|
|
>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 0px; top: 0px; height: 54px; width: 150px;"
|
|
>
|
|
0
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 150px; top: 0px; height: 54px; width: 0px;"
|
|
>
|
|
0
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 0px; top: 54px; height: 54px; width: 150px;"
|
|
>
|
|
1
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 150px; top: 54px; height: 54px; width: 0px;"
|
|
>
|
|
1
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 0px; top: 108px; height: 54px; width: 150px;"
|
|
>
|
|
2
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 150px; top: 108px; height: 54px; width: 0px;"
|
|
>
|
|
2
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 0px; top: 162px; height: 54px; width: 150px;"
|
|
>
|
|
3
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 150px; top: 162px; height: 54px; width: 0px;"
|
|
>
|
|
3
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 0px; top: 216px; height: 54px; width: 150px;"
|
|
>
|
|
4
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 150px; top: 216px; height: 54px; width: 0px;"
|
|
>
|
|
4
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 0px; top: 270px; height: 54px; width: 150px;"
|
|
>
|
|
5
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 150px; top: 270px; height: 54px; width: 0px;"
|
|
>
|
|
5
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 0px; top: 324px; height: 54px; width: 150px;"
|
|
>
|
|
6
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position: absolute; left: 150px; top: 324px; height: 54px; width: 0px;"
|
|
>
|
|
6
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|