mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-16 01:41:02 +08:00
cbcfd38ca7
* build: try to use dumi as doc tool * docs: migrate demo structure to dumi way * refactor: use type export & import * docs: migrate demo previewer to dumi * docs: create empty layout & components * docs: apply custom rehype plugin * docs: create empty extra pages * docs: Add Banner component * chore: move theme tsconfig.json * docs: home page init * docs: migrate header (#37896) * docs: header * docs: update * docs: home init * clean up * test: fix site lint * chore: tsc ignore demo * chore: dumi demo migrate script * chore: cards * docs: home layout * docs: Update locale logic * docs: fix getLink logic * chore: fix ci (#37899) * chore: fix ci * ci: remove check-ts-demo * ci: preview build * test: ignore demo.tsx * chore: update script * test: update snapshot * test: update node and image test * chore: add .surgeignore * docs: layout providers (#37908) * docs: add components sidebar (#37923) * docs: sidebar * docs: update docs title * docs: update design doc * chore: code clean * docs: handle changelog page * docs: add title * docs: add subtitle * docs: active header nav * chore: code clean * docs: overview * chore: code clean * docs: update intl (#37918) * docs: update intl * chore: code clean * docs: update favicons * chore: update testPathIgnorePatterns * chore: code clean * chore: code clean * chore: copy 404.html (#37996) * docs: Home page theme picker * chore: Update migrate script * docs: home page update * docs: theme editor style * docs: theme lang * chore: update migrate.js * docs: fix demo (#38094) * chore: update migrate.js * docs: update md * docs: update demo * test: fix snapshot * chore: move debug to code attr in migrate script * chore: update md Co-authored-by: PeachScript <scdzwyxst@gmail.com> * feat: overview page * feat: Migrate `404` page (#38118) * feat: migrate IconSearch component (#37916) * feat<site/IconSearch>: copy IconDisplay from site to .dumi * feat<site/IconSearch>: change docs of icon * feat<site/IconSearch>: tweak * feat<site/IconSearch>: use useIntl instead of injectIntl * feat<site/IconSearch>: fix ts type error * feat<site/IconSearch>: use intl.formatMessage to render text * docs: Adjust home btn sizw * docs: Update doc * feat: v5 site overview page (#38131) * feat: site * fix: fix * feat: v5 site overview page * fix: fix path * fix: fix * fix: fix * docs: fix margin logic * feat: v5 site change-log page (#38137) * feat: v5 site change-log page (#38162) * docs: site redirect to home pag * docs: theme picker * docs: use react-intl from dumi (#38183) * docs: Theme Picker * docs: update dumi config * docs: home back fix * docs: picker colorful * docs: locale of it * docs: update components desc * docs: site of links * docs: update components list * docs: update desc * feat: Migrate `DemoWrapper` component (#38166) * feat: Migrate `DemoWrapper` component * feat: remove invalid comments and add comment for `key` prop * docs: FloatButton pure panel * chore: update demo * chore: update dumi config * Revert "chore: update demo" This reverts commit 028265d3ba5987df5f13c3e9d42cf76cb1812b2e. * chore: test logic adjust to support cnpm modules * chore: add locale alias * docs: /index to / * docs: add locale redirect head script * chore: adjust compact * docs: fix missing token * feat: compact switch * chore: code clean * docs: update home * docs: fix radius token * docs: hash of it * chore: adjust home page * docs: Add background map * docs: site theme bac logic * docs: avatar * docs: update logo color * docs: home banner * docs: adjust tour size * docs: purepanl update * docs: transfooter * docs: update banner gif * docs: content (#38361) * docs: title & EditButton * docs: content * chore: fix toc * docs: resource page * docs: transform resource data from hast * docs: filename & Resource Card * chore: enable prerender * chore: remove less * docs: toc style * chore: fix lint * docs: fix Layout page * docs: fix CP page * chore: update demos * docs: workaround for export dynamic html * chore: enable demo eslint * docs: table style * fix: header shadow * chore: update snapshot * fix: toc style * docs: add title * docs: Adjust site * feat: helmet * docs: site css * fix: description * feat: toc debug * docs: update config-provider * feat: use colorPanel * fix: colorPanel value * feat: anchor ink ball style * feat: apply theme editor * fix: code block style * chore: update demo * chore: fix lint * chore: code clean * chore: update snapshot * feat: ts2js * chore: description * docs: site ready for ssr includes: - move client render logic to useEffect in site theme - extract antd cssinjs to a single css file like bisheng - workaround to support react@18 pipeableStream for emotion * chore: bump testing lib * docs: font size of title * chore: remove react-sortable-hoc * chore: update snapshot * chore: update script Co-authored-by: PeachScript <scdzwyxst@gmail.com> Co-authored-by: MadCcc <1075746765@qq.com> Co-authored-by: zqran <uuxnet@gmail.com> Co-authored-by: TrickyPi <530257315@qq.com> Co-authored-by: lijianan <574980606@qq.com>
21595 lines
690 KiB
Plaintext
21595 lines
690 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/table/demo/ajax.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-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="this column's title is Name,this column is 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>
|
|
</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>
|
|
</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.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/bordered.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-title"
|
|
>
|
|
Header
|
|
</div>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/colspan-rowspan.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/custom-filter-panel.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:30%"
|
|
/>
|
|
<col
|
|
style="width:20%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Name
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="search"
|
|
class="anticon anticon-search"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="search"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Age
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="search"
|
|
class="anticon anticon-search"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="search"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="this column's title is Address,this column is 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>
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="search"
|
|
class="anticon anticon-search"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="search"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/drag-sorting.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
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"
|
|
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"
|
|
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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/dynamic-settings.tsx correctly 1`] = `
|
|
Array [
|
|
<form
|
|
class="ant-form ant-form-inline components-table-demo-control-bar"
|
|
style="margin-bottom:16px"
|
|
>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Bordered"
|
|
>
|
|
Bordered
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="loading"
|
|
>
|
|
loading
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Title"
|
|
>
|
|
Title
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Column Header"
|
|
>
|
|
Column Header
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Footer"
|
|
>
|
|
Footer
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Expandable"
|
|
>
|
|
Expandable
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Checkbox"
|
|
>
|
|
Checkbox
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Fixed Header"
|
|
>
|
|
Fixed Header
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Has Data"
|
|
>
|
|
Has Data
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Ellipsis"
|
|
>
|
|
Ellipsis
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Size"
|
|
>
|
|
Size
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="large"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Large
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="middle"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Middle
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="small"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Small
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Table Scroll"
|
|
>
|
|
Table Scroll
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Unset
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="scroll"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Scroll
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="fixed"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Fixed Columns
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Table Layout"
|
|
>
|
|
Table Layout
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Unset
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="fixed"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
Fixed
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Pagination Top"
|
|
>
|
|
Pagination Top
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="topLeft"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
TopLeft
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="topCenter"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
TopCenter
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="topRight"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
TopRight
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="none"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
None
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Pagination Bottom"
|
|
>
|
|
Pagination Bottom
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="bottomLeft"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
BottomLeft
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="bottomCenter"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
BottomCenter
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button ant-radio-button-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="bottomRight"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
BottomRight
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="ant-radio-button-wrapper ant-radio-button-wrapper-in-form-item"
|
|
>
|
|
<span
|
|
class="ant-radio-button"
|
|
>
|
|
<input
|
|
class="ant-radio-button-input"
|
|
type="radio"
|
|
value="none"
|
|
/>
|
|
<span
|
|
class="ant-radio-button-inner"
|
|
/>
|
|
</span>
|
|
<span>
|
|
None
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-expand-icon-col"
|
|
/>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
/>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
aria-label="this column's title is Age,this column is 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>
|
|
</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>
|
|
</th>
|
|
<th
|
|
aria-label="this column's title is Action,this column is 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>
|
|
</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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/edit-cell.tsx correctly 1`] = `
|
|
<div>
|
|
<button
|
|
class="ant-btn ant-btn-primary"
|
|
style="margin-bottom:16px"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Add a row
|
|
</span>
|
|
</button>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:30%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0 editable-row"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="editable-cell-value-wrap"
|
|
style="padding-right:24px"
|
|
>
|
|
Edward King 1
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Delete
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/edit-row.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:25%"
|
|
/>
|
|
<col
|
|
style="width:15%"
|
|
/>
|
|
<col
|
|
style="width:40%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<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="undefined_list_0"
|
|
aria-autocomplete="list"
|
|
aria-controls="undefined_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="undefined_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
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>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-select-suffix"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/ellipsis.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:80px"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/ellipsis-custom-tooltip.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:80px"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
New York No. 1 Lake Park, New York No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Jim Green
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
London No. 2 Lake Park, London No. 2 Lake Park
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
Joe Black
|
|
</a>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
>
|
|
<span>
|
|
Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/expand.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-expand-icon-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
/>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/filter-in-tree.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:30%"
|
|
/>
|
|
<col />
|
|
<col
|
|
style="width:40%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Name
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="this column's title is Age,this column is 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>
|
|
</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>
|
|
</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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/filter-search.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:30%"
|
|
/>
|
|
<col />
|
|
<col
|
|
style="width:40%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Name
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="this column's title is Age,this column is 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>
|
|
</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>
|
|
</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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/fixed-columns.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left ant-table-has-fix-right"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
style="overflow-x:auto;overflow-y:hidden"
|
|
>
|
|
<table
|
|
style="width:1300px;min-width:100%;table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Full Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
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:0"
|
|
>
|
|
Action
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-hidden="true"
|
|
class="ant-table-measure-row"
|
|
style="height:0;font-size:0"
|
|
>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
40
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/fixed-columns-header.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-fixed-header ant-table-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left ant-table-has-fix-right"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-header"
|
|
style="overflow:hidden"
|
|
>
|
|
<table
|
|
style="table-layout:fixed;visibility:hidden"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Full Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
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:0"
|
|
>
|
|
Action
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="ant-table-body"
|
|
style="overflow-x:auto;overflow-y:scroll;max-height:300px"
|
|
>
|
|
<table
|
|
style="width:1500px;min-width:100%;table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col />
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
</colgroup>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-hidden="true"
|
|
class="ant-table-measure-row"
|
|
style="height:0;font-size:0"
|
|
>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
5
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"
|
|
tabindex="0"
|
|
title="Next 5 Pages"
|
|
>
|
|
<a
|
|
class="ant-pagination-item-link"
|
|
>
|
|
<div
|
|
class="ant-pagination-item-container"
|
|
>
|
|
<span
|
|
aria-label="double-right"
|
|
class="anticon anticon-double-right ant-pagination-item-link-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="double-right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-pagination-item-ellipsis"
|
|
>
|
|
•••
|
|
</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-10"
|
|
tabindex="0"
|
|
title="10"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
10
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-options"
|
|
>
|
|
<div
|
|
aria-label="Page Size"
|
|
class="ant-select ant-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="undefined_list_0"
|
|
aria-autocomplete="list"
|
|
aria-controls="undefined_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="undefined_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
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>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-select-suffix"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/fixed-header.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-fixed-header"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-header"
|
|
style="overflow:hidden"
|
|
>
|
|
<table
|
|
style="table-layout:fixed;visibility:hidden"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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:0;font-size:0"
|
|
>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 0
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 1
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 2
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 3
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 4
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 5
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 6
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 7
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 8
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 9
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="10"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 10
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 10
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="11"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 11
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 11
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="12"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 12
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 12
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="13"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 13
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 13
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="14"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 14
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 14
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="15"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 15
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 15
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="16"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 16
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 16
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="17"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 17
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 17
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="18"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 18
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 18
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="19"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 19
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 19
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="20"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 20
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 20
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="21"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 21
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 21
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="22"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 22
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 22
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="23"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 23
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 23
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="24"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 24
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 24
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="25"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 25
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 25
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="26"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 26
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 26
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="27"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 27
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 27
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="28"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 28
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 28
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="29"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 29
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 29
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="30"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 30
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 30
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="31"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 31
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 31
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="32"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 32
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="33"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 33
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 33
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="34"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 34
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 34
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="35"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 35
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 35
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="36"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 36
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 36
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="37"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 37
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 37
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="38"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 38
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 38
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="39"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 39
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 39
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="40"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 40
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 40
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="41"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 41
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 41
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="42"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 42
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="43"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 43
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 43
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="44"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 44
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 44
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="45"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 45
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 45
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="46"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 46
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 46
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="47"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 47
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 47
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="48"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 48
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 48
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="49"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 49
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 49
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-options"
|
|
>
|
|
<div
|
|
aria-label="Page Size"
|
|
class="ant-select ant-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="undefined_list_0"
|
|
aria-autocomplete="list"
|
|
aria-controls="undefined_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="undefined_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
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>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-select-suffix"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/grouping-columns.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-middle ant-table-bordered ant-table-fixed-header ant-table-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left ant-table-has-fix-right"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-header"
|
|
style="overflow:hidden"
|
|
>
|
|
<table
|
|
style="table-layout:fixed;visibility:hidden"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
rowspan="4"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Name
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="4"
|
|
>
|
|
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:0"
|
|
>
|
|
Gender
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
aria-label="this column's title is Age,this column is 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>
|
|
</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:0;font-size:0"
|
|
>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
10
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Park
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
C
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
2035
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Lake Street 42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
SoftLake Co
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
M
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-pagination-mini ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
5
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"
|
|
tabindex="0"
|
|
title="Next 5 Pages"
|
|
>
|
|
<a
|
|
class="ant-pagination-item-link"
|
|
>
|
|
<div
|
|
class="ant-pagination-item-container"
|
|
>
|
|
<span
|
|
aria-label="double-right"
|
|
class="anticon anticon-double-right ant-pagination-item-link-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="double-right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-pagination-item-ellipsis"
|
|
>
|
|
•••
|
|
</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-10"
|
|
tabindex="0"
|
|
title="10"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
10
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-options"
|
|
>
|
|
<div
|
|
aria-label="Page Size"
|
|
class="ant-select ant-select-sm ant-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="undefined_list_0"
|
|
aria-autocomplete="list"
|
|
aria-controls="undefined_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="undefined_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
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>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-select-suffix"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/head.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
aria-label="this column's title is Name,this column is 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>
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-sort="descending"
|
|
class="ant-table-cell ant-table-column-sort ant-table-column-has-sorters"
|
|
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>
|
|
</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>
|
|
</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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/jsx.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="2"
|
|
>
|
|
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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/multiple-sorter.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
aria-label="this column's title is Chinese Score,this column is 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>
|
|
</th>
|
|
<th
|
|
aria-label="this column's title is Math Score,this column is 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>
|
|
</th>
|
|
<th
|
|
aria-label="this column's title is English Score,this column is 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>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
98
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
60
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
70
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
98
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
66
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
89
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
98
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
90
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
70
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim Red
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
88
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
99
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
89
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/narrow.tsx correctly 1`] = `
|
|
<div
|
|
style="width:300px"
|
|
>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-small"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<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="undefined_list_0"
|
|
aria-autocomplete="list"
|
|
aria-controls="undefined_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="undefined_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
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>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-select-suffix"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/nest-table-border-debug.tsx correctly 1`] = `
|
|
Array [
|
|
<form
|
|
class="ant-form ant-form-inline components-table-demo-control-bar"
|
|
style="margin-bottom:16px"
|
|
>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Root Table Bordered"
|
|
>
|
|
Root Table Bordered
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-form-item"
|
|
>
|
|
<div
|
|
class="ant-row ant-form-item-row"
|
|
>
|
|
<div
|
|
class="ant-col ant-form-item-label"
|
|
>
|
|
<label
|
|
class=""
|
|
title="Child Table Bordered"
|
|
>
|
|
Child Table Bordered
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="ant-col ant-form-item-control"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input"
|
|
>
|
|
<div
|
|
class="ant-form-item-control-input-content"
|
|
>
|
|
<button
|
|
aria-checked="true"
|
|
class="ant-switch ant-switch-checked"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-title"
|
|
>
|
|
cool
|
|
</div>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-expand-icon-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
/>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/nested-table.tsx correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-expand-icon-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-row-expand-icon-cell"
|
|
/>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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>
|
|
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>
|
|
</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>
|
|
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>
|
|
</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>
|
|
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>
|
|
</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"
|
|
>
|
|
<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>
|
|
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>
|
|
</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>
|
|
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>
|
|
</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>
|
|
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>
|
|
</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"
|
|
>
|
|
<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>
|
|
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>
|
|
</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>
|
|
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>
|
|
</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>
|
|
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>
|
|
</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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/order-column.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col />
|
|
<col
|
|
class="ant-table-expand-icon-col"
|
|
/>
|
|
<col />
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/pagination.tsx correctly 1`] = `
|
|
<div>
|
|
<div>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
style="margin-bottom:10px"
|
|
>
|
|
<label
|
|
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
|
>
|
|
<span
|
|
class="ant-radio ant-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"
|
|
>
|
|
<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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/reset-filter.tsx correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
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="this column's title is Name,this column is sortable"
|
|
class="ant-table-cell ant-table-cell-ellipsis ant-table-column-has-sorters"
|
|
tabindex="0"
|
|
title="Name"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Name
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
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>
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="this column's title is Age,this column is sortable"
|
|
class="ant-table-cell ant-table-cell-ellipsis ant-table-column-has-sorters"
|
|
tabindex="0"
|
|
title="Age"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Age
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
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>
|
|
</th>
|
|
<th
|
|
aria-label="this column's title is Address,this column is sortable"
|
|
class="ant-table-cell ant-table-cell-ellipsis ant-table-column-has-sorters"
|
|
tabindex="0"
|
|
title="Address"
|
|
>
|
|
<div
|
|
class="ant-table-filter-column"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
Address
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
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>
|
|
</span>
|
|
<span
|
|
class="ant-dropdown-trigger ant-table-filter-trigger"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<span
|
|
aria-label="filter"
|
|
class="anticon anticon-filter"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="filter"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="John Brown"
|
|
>
|
|
John Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="32"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="New York No. 1 Lake Park"
|
|
>
|
|
New York No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Jim Green"
|
|
>
|
|
Jim Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="42"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="London No. 1 Lake Park"
|
|
>
|
|
London No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="Joe Black"
|
|
>
|
|
Joe Black
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="32"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-ellipsis"
|
|
title="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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/resizable-column.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:200px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell react-resizable"
|
|
>
|
|
Date
|
|
<span
|
|
class="react-resizable-handle"
|
|
/>
|
|
</th>
|
|
<th
|
|
aria-label="this column's title is Amount,this column is 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>
|
|
<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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/responsive.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Name (all screens)
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<a>
|
|
John Brown
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/row-selection.tsx correctly 1`] = `
|
|
<div>
|
|
<div
|
|
class="ant-radio-group ant-radio-group-outline"
|
|
>
|
|
<label
|
|
class="ant-radio-wrapper ant-radio-wrapper-checked"
|
|
>
|
|
<span
|
|
class="ant-radio ant-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
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/row-selection-and-operation.tsx correctly 1`] = `
|
|
<div>
|
|
<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
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 9
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
5
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/row-selection-custom.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
aria-label="Custom selection"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<div
|
|
class="ant-table-selection-extra"
|
|
>
|
|
<span
|
|
class="ant-dropdown-trigger"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London, Park Lane no. 9
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
5
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/row-selection-custom-debug.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Edward King 8
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Another Row
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
5
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/size.tsx 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"
|
|
>
|
|
<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"
|
|
>
|
|
<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.tsx correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left ant-table-has-fix-right"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-header ant-table-sticky-holder"
|
|
style="overflow:hidden;top:0"
|
|
>
|
|
<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:0"
|
|
>
|
|
Full Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-fix-sticky"
|
|
style="position:sticky;left:0"
|
|
>
|
|
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:0"
|
|
>
|
|
Action
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="ant-table-body"
|
|
style="overflow-x:auto;overflow-y:hidden"
|
|
>
|
|
<table
|
|
style="width:1500px;min-width:100%;table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col
|
|
style="width:150px"
|
|
/>
|
|
<col />
|
|
<col
|
|
style="width:100px"
|
|
/>
|
|
</colgroup>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
aria-hidden="true"
|
|
class="ant-table-measure-row"
|
|
style="height:0;font-size:0"
|
|
>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 0
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 3
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 6
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Edrward 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London Park no. 9
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
|
|
style="position:sticky;right:0"
|
|
>
|
|
<a>
|
|
action
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="ant-table-summary ant-table-sticky-holder"
|
|
style="overflow:hidden;bottom:0"
|
|
>
|
|
<table
|
|
style="table-layout:fixed;visibility:hidden"
|
|
>
|
|
<colgroup />
|
|
<tfoot
|
|
class="ant-table-summary"
|
|
>
|
|
<tr>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-fix-sticky"
|
|
colspan="2"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
>
|
|
Fixed Top
|
|
</span>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
>
|
|
Fixed Top
|
|
</span>
|
|
</span>
|
|
</button>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
colspan="8"
|
|
>
|
|
Scroll Context
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first ant-table-cell-fix-sticky"
|
|
style="position:sticky;right:0"
|
|
>
|
|
Fix Right
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-3"
|
|
tabindex="0"
|
|
title="3"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
3
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-4"
|
|
tabindex="0"
|
|
title="4"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
4
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
|
|
tabindex="0"
|
|
title="5"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
5
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"
|
|
tabindex="0"
|
|
title="Next 5 Pages"
|
|
>
|
|
<a
|
|
class="ant-pagination-item-link"
|
|
>
|
|
<div
|
|
class="ant-pagination-item-container"
|
|
>
|
|
<span
|
|
aria-label="double-right"
|
|
class="anticon anticon-double-right ant-pagination-item-link-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="double-right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-pagination-item-ellipsis"
|
|
>
|
|
•••
|
|
</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-10"
|
|
tabindex="0"
|
|
title="10"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
10
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-options"
|
|
>
|
|
<div
|
|
aria-label="Page Size"
|
|
class="ant-select ant-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="undefined_list_0"
|
|
aria-autocomplete="list"
|
|
aria-controls="undefined_list"
|
|
aria-expanded="false"
|
|
aria-haspopup="listbox"
|
|
aria-label="Page Size"
|
|
aria-owns="undefined_list"
|
|
autocomplete="off"
|
|
class="ant-select-selection-search-input"
|
|
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>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-select-arrow"
|
|
style="user-select:none;-webkit-user-select:none"
|
|
unselectable="on"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-select-suffix"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/summary.tsx correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-bordered"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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:0"
|
|
>
|
|
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:0;font-size:0"
|
|
>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
<td
|
|
style="padding:0;border:0;height:0"
|
|
>
|
|
<div
|
|
style="height:0;overflow:hidden"
|
|
>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Little
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Little
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Little
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="10"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="11"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Little
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="12"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="13"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="14"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Little
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="15"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="16"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="17"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Little
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="18"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Light
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="19"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Bamboo
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Everything that has a beginning, has an end.
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div
|
|
class="ant-table-summary"
|
|
style="overflow:hidden"
|
|
>
|
|
<table
|
|
style="table-layout:fixed;visibility:hidden"
|
|
>
|
|
<colgroup />
|
|
<tfoot
|
|
class="ant-table-summary"
|
|
>
|
|
<tr>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
|
|
style="position:sticky;left:0"
|
|
>
|
|
Summary
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
This is a summary content
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/tree-data.tsx correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
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"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
<col />
|
|
<col
|
|
style="width:12%"
|
|
/>
|
|
<col
|
|
style="width:30%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<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"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/tree-table-ellipsis.tsx correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-space ant-space-horizontal ant-space-align-center"
|
|
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"
|
|
>
|
|
<span
|
|
class="ant-switch-inner-checked"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner-unchecked"
|
|
/>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>,
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-has-fix-left"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:fixed"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
style="width:100px"
|
|
/>
|
|
<col
|
|
style="width:30%"
|
|
/>
|
|
<col
|
|
style="width:12%"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
aria-label="Select all"
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis"
|
|
style="position:sticky;left:0"
|
|
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:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-0"
|
|
style="padding-left:0px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-expanded"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
60
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-1"
|
|
data-row-key="11"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-1"
|
|
style="padding-left:15px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 2 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-1"
|
|
data-row-key="12"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-1"
|
|
style="padding-left:15px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-expanded"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
30
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 3 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-2"
|
|
data-row-key="121"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-2"
|
|
style="padding-left:30px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr. John Brown sr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
16
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
New York No. 3 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-1"
|
|
data-row-key="13"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="Jim Green sr. Jim Green sr. Jim Green sr. Jim Green sr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-1"
|
|
style="padding-left:15px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-expanded"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
Jim Green sr. Jim Green sr. Jim Green sr. Jim Green sr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
72
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-2"
|
|
data-row-key="131"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="Jim Green. Jim Green. Jim Green. Jim Green. Jim Green. Jim Green."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-2"
|
|
style="padding-left:30px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-expanded"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
Jim Green. Jim Green. Jim Green. Jim Green. Jim Green. Jim Green.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 2 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-3"
|
|
data-row-key="1311"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="Jim Green jr. Jim Green jr. Jim Green jr. Jim Green jr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-3"
|
|
style="padding-left:45px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
Jim Green jr. Jim Green jr. Jim Green jr. Jim Green jr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
25
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 3 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-3"
|
|
data-row-key="1312"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="Jimmy Green sr. Jimmy Green sr. Jimmy Green sr."
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-3"
|
|
style="padding-left:45px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
Jimmy Green sr. Jimmy Green sr. Jimmy Green sr.
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
18
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
London No. 4 Lake Park
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column ant-table-cell-fix-left"
|
|
style="position:sticky;left:0"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-ellipsis ant-table-cell-with-append"
|
|
style="position:sticky;left:0"
|
|
title="Joe Black"
|
|
>
|
|
<span
|
|
class="ant-table-row-indent indent-level-0"
|
|
style="padding-left:0px"
|
|
/>
|
|
<button
|
|
aria-expanded="true"
|
|
aria-label="Collapse row"
|
|
class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
|
|
type="button"
|
|
/>
|
|
<span
|
|
class="ant-table-cell-content"
|
|
>
|
|
Joe Black
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Sidney No. 1 Lake Park
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination ant-table-pagination ant-table-pagination-right"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/virtual-list.tsx 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:0"
|
|
/>
|
|
<col
|
|
style="width:0"
|
|
/>
|
|
<col
|
|
style="width:0"
|
|
/>
|
|
<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:0;overflow:auto;-webkit-overflow-scrolling:touch;will-change:transform;direction:ltr"
|
|
>
|
|
<div
|
|
style="height:5000028px;width:350px"
|
|
>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:0;top:0;height:54px;width:150px"
|
|
>
|
|
0
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:150px;top:0;height:54px;width:0"
|
|
>
|
|
0
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:0;top:54px;height:54px;width:150px"
|
|
>
|
|
1
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:150px;top:54px;height:54px;width:0"
|
|
>
|
|
1
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:0;top:108px;height:54px;width:150px"
|
|
>
|
|
2
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:150px;top:108px;height:54px;width:0"
|
|
>
|
|
2
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:0;top:162px;height:54px;width:150px"
|
|
>
|
|
3
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:150px;top:162px;height:54px;width:0"
|
|
>
|
|
3
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:0;top:216px;height:54px;width:150px"
|
|
>
|
|
4
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:150px;top:216px;height:54px;width:0"
|
|
>
|
|
4
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:0;top:270px;height:54px;width:150px"
|
|
>
|
|
5
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:150px;top:270px;height:54px;width:0"
|
|
>
|
|
5
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:0;top:324px;height:54px;width:150px"
|
|
>
|
|
6
|
|
</div>
|
|
<div
|
|
class="virtual-table-cell"
|
|
style="position:absolute;left:150px;top:324px;height:54px;width:0"
|
|
>
|
|
6
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|