You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2951 lines
182 KiB
2951 lines
182 KiB
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading ant-table-without-pagination ant-table-spin-holder">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default ant-table-empty">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col style="width: 20%; min-width: 20%;">
|
|
<col style="width: 20%; min-width: 20%;">
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="ant-table-column-has-actions ant-table-column-has-sorters">
|
|
<div class="ant-table-column-sorters">Name<div title="Sort" class="ant-table-column-sorter"><i aria-label="icon: caret-up" class="ant-table-column-sorter-up off anticon anticon-caret-up"><svg viewBox="0 0 1024 1024" data-icon="caret-up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i><i aria-label="icon: caret-down" class="ant-table-column-sorter-down off anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i></div>
|
|
</div>
|
|
</th>
|
|
<th key="gender" class="ant-table-column-has-actions ant-table-column-has-filters">
|
|
<div>Gender</div><i title="Filter menu" aria-label="icon: filter" tabindex="-1" class="anticon anticon-filter ant-dropdown-trigger"><svg viewBox="64 64 896 896" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i>
|
|
</th>
|
|
<th key="email" class="">
|
|
<div>Email</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody"></tbody>
|
|
</table>
|
|
</div>
|
|
<div class="ant-table-placeholder"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/basic.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="">
|
|
<div><span><i aria-label="icon: smile-o" class="anticon anticon-smile-o"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i> Name</span></div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>Age</div>
|
|
</th>
|
|
<th key="address" class="">
|
|
<div>Address</div>
|
|
</th>
|
|
<th key="tags" class="">
|
|
<div>Tags</div>
|
|
</th>
|
|
<th key="action" class="">
|
|
<div>Action</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">John Brown</a></td>
|
|
<td>32</td>
|
|
<td>New York No. 1 Lake Park</td>
|
|
<td><span><div class="ant-tag ant-tag-green">
|
|
NICE
|
|
</div><div class="ant-tag ant-tag-geekblue">
|
|
DEVELOPER
|
|
</div></span></td>
|
|
<td><span><a href="javascript:;">Invite 一 John Brown</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;">Delete</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;" class="ant-dropdown-link"> More actions <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><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"></path></svg></i></a></span></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">Jim Green</a></td>
|
|
<td>42</td>
|
|
<td>London No. 1 Lake Park</td>
|
|
<td><span><div class="ant-tag ant-tag-volcano">
|
|
LOSER
|
|
</div></span></td>
|
|
<td><span><a href="javascript:;">Invite 一 Jim Green</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;">Delete</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;" class="ant-dropdown-link"> More actions <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><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"></path></svg></i></a></span></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">Joe Black</a></td>
|
|
<td>32</td>
|
|
<td>Sidney No. 1 Lake Park</td>
|
|
<td><span><div class="ant-tag ant-tag-green">
|
|
COOL
|
|
</div><div class="ant-tag ant-tag-geekblue">
|
|
TEACHER
|
|
</div></span></td>
|
|
<td><span><a href="javascript:;">Invite 一 Joe Black</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;">Delete</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;" class="ant-dropdown-link"> More actions <i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><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"></path></svg></i></a></span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/bordered.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default ant-table-bordered">
|
|
<div class="ant-table-title">
|
|
Header
|
|
</div>
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="">
|
|
<div>Name</div>
|
|
</th>
|
|
<th key="money" class="column-money">
|
|
<div>Cash Assets</div>
|
|
</th>
|
|
<th key="address" class="">
|
|
<div>Address</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">John Brown</a></td>
|
|
<td class="column-money">￥300,000.00</td>
|
|
<td>New York No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">Jim Green</a></td>
|
|
<td class="column-money">￥1,256,000.00</td>
|
|
<td>London No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">Joe Black</a></td>
|
|
<td class="column-money">￥120,000.00</td>
|
|
<td>Sidney No. 1 Lake Park</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="ant-table-footer">
|
|
Footer
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/colspan-rowspan.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default ant-table-bordered">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="">
|
|
<div>Name</div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>Age</div>
|
|
</th>
|
|
<th key="tel" colspan="2" class="">
|
|
<div>Home phone</div>
|
|
</th>
|
|
<th key="address" class="">
|
|
<div>Address</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">John Brown</a></td>
|
|
<td>32</td>
|
|
<td>0571-22098909</td>
|
|
<td>18889898989</td>
|
|
<td>New York No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">Jim Green</a></td>
|
|
<td>42</td>
|
|
<td>0571-22098333</td>
|
|
<td>18889898888</td>
|
|
<td>London No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">Joe Black</a></td>
|
|
<td>32</td>
|
|
<td rowspan="2">0575-22098909</td>
|
|
<td>18900010002</td>
|
|
<td>Sidney No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">Jim Red</a></td>
|
|
<td>18</td>
|
|
<!---->
|
|
<td>18900010002</td>
|
|
<td>London No. 2 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
|
|
<td colspan="5"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">Jake White</a></td>
|
|
<!---->
|
|
<!---->
|
|
<!---->
|
|
<!---->
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="ant-table-column-has-actions ant-table-column-has-filters">
|
|
<div>Name</div><i aria-label="icon: search" class="anticon anticon-search ant-table-filter-icon ant-dropdown-trigger" title="Filter menu"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-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"></path>
|
|
</svg></i>
|
|
</th>
|
|
<th key="age" class="ant-table-column-has-actions ant-table-column-has-filters">
|
|
<div>Age</div><i aria-label="icon: search" class="anticon anticon-search ant-table-filter-icon ant-dropdown-trigger" title="Filter menu"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-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"></path>
|
|
</svg></i>
|
|
</th>
|
|
<th key="address" class="ant-table-column-has-actions ant-table-column-has-filters">
|
|
<div>Address</div><i aria-label="icon: search" class="anticon anticon-search ant-table-filter-icon ant-dropdown-trigger" title="Filter menu"><svg viewBox="64 64 896 896" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-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"></path>
|
|
</svg></i>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters">32</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters">New York No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Joe Black</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters">42</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters">London No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Jim Green</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters">32</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters">Sidney No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Jim Red</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters">32</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters">London No. 2 Lake Park</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
|
|
<div><button type="button" class="editable-add-btn ant-btn"><span>Add</span></button>
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default ant-table-bordered">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col style="width: 30%; min-width: 30%;">
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="">
|
|
<div>name</div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>age</div>
|
|
</th>
|
|
<th key="address" class="">
|
|
<div>address</div>
|
|
</th>
|
|
<th key="operation" class="">
|
|
<div>operation</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->
|
|
<div class="editable-cell">
|
|
<div class="editable-cell-text-wrapper">
|
|
Edward King 0
|
|
<i aria-label="icon: edit" tabindex="-1" class="editable-cell-icon anticon anticon-edit"><svg viewBox="64 64 896 896" data-icon="edit" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 0 0 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 0 0 9.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"></path>
|
|
</svg></i></div>
|
|
</div>
|
|
</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 0</td>
|
|
<td><a href="javascript:;" class="">Delete</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->
|
|
<div class="editable-cell">
|
|
<div class="editable-cell-text-wrapper">
|
|
Edward King 1
|
|
<i aria-label="icon: edit" tabindex="-1" class="editable-cell-icon anticon anticon-edit"><svg viewBox="64 64 896 896" data-icon="edit" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 0 0 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 0 0 9.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"></path>
|
|
</svg></i></div>
|
|
</div>
|
|
</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 1</td>
|
|
<td><a href="javascript:;" class="">Delete</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default ant-table-bordered">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col style="width: 25%; min-width: 25%;">
|
|
<col style="width: 15%; min-width: 15%;">
|
|
<col style="width: 40%; min-width: 40%;">
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="">
|
|
<div>name</div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>age</div>
|
|
</th>
|
|
<th key="address" class="">
|
|
<div>address</div>
|
|
</th>
|
|
<th key="operation" class="">
|
|
<div>operation</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->
|
|
<div>Edrward 0</div>
|
|
</td>
|
|
<td>
|
|
<div>32</div>
|
|
</td>
|
|
<td>
|
|
<div>London Park no. 0</div>
|
|
</td>
|
|
<td>
|
|
<div class="editable-row-operations"><span><a>Edit</a></span></div>
|
|
</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->
|
|
<div>Edrward 1</div>
|
|
</td>
|
|
<td>
|
|
<div>32</div>
|
|
</td>
|
|
<td>
|
|
<div>London Park no. 1</div>
|
|
</td>
|
|
<td>
|
|
<div class="editable-row-operations"><span><a>Edit</a></span></div>
|
|
</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->
|
|
<div>Edrward 2</div>
|
|
</td>
|
|
<td>
|
|
<div>32</div>
|
|
</td>
|
|
<td>
|
|
<div>London Park no. 2</div>
|
|
</td>
|
|
<td>
|
|
<div class="editable-row-operations"><span><a>Edit</a></span></div>
|
|
</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->
|
|
<div>Edrward 3</div>
|
|
</td>
|
|
<td>
|
|
<div>32</div>
|
|
</td>
|
|
<td>
|
|
<div>London Park no. 3</div>
|
|
</td>
|
|
<td>
|
|
<div class="editable-row-operations"><span><a>Edit</a></span></div>
|
|
</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->
|
|
<div>Edrward 4</div>
|
|
</td>
|
|
<td>
|
|
<div>32</div>
|
|
</td>
|
|
<td>
|
|
<div>London Park no. 4</div>
|
|
</td>
|
|
<td>
|
|
<div class="editable-row-operations"><span><a>Edit</a></span></div>
|
|
</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->
|
|
<div>Edrward 5</div>
|
|
</td>
|
|
<td>
|
|
<div>32</div>
|
|
</td>
|
|
<td>
|
|
<div>London Park no. 5</div>
|
|
</td>
|
|
<td>
|
|
<div class="editable-row-operations"><span><a>Edit</a></span></div>
|
|
</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->
|
|
<div>Edrward 6</div>
|
|
</td>
|
|
<td>
|
|
<div>32</div>
|
|
</td>
|
|
<td>
|
|
<div>London Park no. 6</div>
|
|
</td>
|
|
<td>
|
|
<div class="editable-row-operations"><span><a>Edit</a></span></div>
|
|
</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->
|
|
<div>Edrward 7</div>
|
|
</td>
|
|
<td>
|
|
<div>32</div>
|
|
</td>
|
|
<td>
|
|
<div>London Park no. 7</div>
|
|
</td>
|
|
<td>
|
|
<div class="editable-row-operations"><span><a>Edit</a></span></div>
|
|
</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->
|
|
<div>Edrward 8</div>
|
|
</td>
|
|
<td>
|
|
<div>32</div>
|
|
</td>
|
|
<td>
|
|
<div>London Park no. 8</div>
|
|
</td>
|
|
<td>
|
|
<div class="editable-row-operations"><span><a>Edit</a></span></div>
|
|
</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->
|
|
<div>Edrward 9</div>
|
|
</td>
|
|
<td>
|
|
<div>32</div>
|
|
</td>
|
|
<td>
|
|
<div>London Park no. 9</div>
|
|
</td>
|
|
<td>
|
|
<div class="editable-row-operations"><span><a>Edit</a></span></div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
|
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
|
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
|
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"><a>5</a></li>
|
|
<li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"><a class="ant-pagination-item-link">
|
|
<div class="ant-pagination-item-container"><i aria-label="icon: double-right" class="ant-pagination-item-link-icon anticon anticon-double-right"><svg viewBox="64 64 896 896" data-icon="double-right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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 0 0 188 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 0 0 492 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"></path>
|
|
</svg></i><span class="ant-pagination-item-ellipsis">•••</span></div>
|
|
</a></li>
|
|
<li title="10" tabindex="0" class="ant-pagination-item ant-pagination-item-10"><a>10</a></li>
|
|
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/expand.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col class="ant-table-expand-icon-col">
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="rc-table-expand-icon-cell" title="" rowspan="1" class="ant-table-expand-icon-th"></th>
|
|
<th key="name" class="">
|
|
<div>Name</div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>Age</div>
|
|
</th>
|
|
<th key="address" class="">
|
|
<div>Address</div>
|
|
</th>
|
|
<th key="x" class="">
|
|
<div>Action</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-row-expand-icon-cell"><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span></td>
|
|
<td>John Brown</td>
|
|
<td>32</td>
|
|
<td>New York No. 1 Lake Park</td>
|
|
<td><a href="javascript:;">Delete</a></td>
|
|
</tr>
|
|
<!---->
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class="ant-table-row-expand-icon-cell"><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span></td>
|
|
<td>Jim Green</td>
|
|
<td>42</td>
|
|
<td>London No. 1 Lake Park</td>
|
|
<td><a href="javascript:;">Delete</a></td>
|
|
</tr>
|
|
<!---->
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td class="ant-table-row-expand-icon-cell"><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span></td>
|
|
<td>Joe Black</td>
|
|
<td>32</td>
|
|
<td>Sidney No. 1 Lake Park</td>
|
|
<td><a href="javascript:;">Delete</a></td>
|
|
</tr>
|
|
<!---->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/expand-children.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col style="width: 62px; min-width: 62px;">
|
|
<col>
|
|
<col style="width: 12%; min-width: 12%;">
|
|
<col style="width: 30%; min-width: 30%;">
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="selection-column" class="ant-table-selection-column">
|
|
<div>
|
|
<div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></div>
|
|
</div>
|
|
</th>
|
|
<th key="name" class="">
|
|
<div>Name</div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>Age</div>
|
|
</th>
|
|
<th key="address" class="">
|
|
<div>Address</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-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span>John Brown sr.</td>
|
|
<td>60</td>
|
|
<td>New York No. 1 Lake Park</td>
|
|
</tr>
|
|
<!---->
|
|
<!---->
|
|
<!---->
|
|
<!---->
|
|
<!---->
|
|
<!---->
|
|
<!---->
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span><span class="ant-table-row-expand-icon ant-table-row-spaced"></span>Joe Black</td>
|
|
<td>32</td>
|
|
<td>Sidney No. 1 Lake Park</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-default ant-table-scroll-position-left ant-table-scroll-position-right">
|
|
<div class="ant-table-content">
|
|
<div class="ant-table-scroll">
|
|
<!---->
|
|
<div class="ant-table-body" style="overflow-x: scroll;">
|
|
<table class="ant-table-fixed" style="width: 1300px;">
|
|
<colgroup>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="ant-table-fixed-columns-in-body">
|
|
<div>Full Name</div>
|
|
</th>
|
|
<th key="age" class="ant-table-fixed-columns-in-body">
|
|
<div>Age</div>
|
|
</th>
|
|
<th key="1" class="">
|
|
<div>Column 1</div>
|
|
</th>
|
|
<th key="2" class="">
|
|
<div>Column 2</div>
|
|
</th>
|
|
<th key="3" class="">
|
|
<div>Column 3</div>
|
|
</th>
|
|
<th key="4" class="">
|
|
<div>Column 4</div>
|
|
</th>
|
|
<th key="5" class="">
|
|
<div>Column 5</div>
|
|
</th>
|
|
<th key="6" class="">
|
|
<div>Column 6</div>
|
|
</th>
|
|
<th key="7" class="">
|
|
<div>Column 7</div>
|
|
</th>
|
|
<th key="8" class="">
|
|
<div>Column 8</div>
|
|
</th>
|
|
<th key="operation" class="ant-table-fixed-columns-in-body">
|
|
<div>Action</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-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-fixed-columns-in-body">32</td>
|
|
<td>New York Park</td>
|
|
<td>New York Park</td>
|
|
<td>New York Park</td>
|
|
<td>New York Park</td>
|
|
<td>New York Park</td>
|
|
<td>New York Park</td>
|
|
<td>New York Park</td>
|
|
<td>New York Park</td>
|
|
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Jim Green</td>
|
|
<td class="ant-table-fixed-columns-in-body">40</td>
|
|
<td>London Park</td>
|
|
<td>London Park</td>
|
|
<td>London Park</td>
|
|
<td>London Park</td>
|
|
<td>London Park</td>
|
|
<td>London Park</td>
|
|
<td>London Park</td>
|
|
<td>London Park</td>
|
|
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="ant-table-fixed-left">
|
|
<!---->
|
|
<div class="ant-table-body-outer">
|
|
<div class="ant-table-body-inner">
|
|
<table class="ant-table-fixed">
|
|
<colgroup>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col style="width: 100px; min-width: 100px;">
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="">
|
|
<div>Full Name</div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>Age</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td>32</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Jim Green</td>
|
|
<td>40</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-table-fixed-right">
|
|
<!---->
|
|
<div class="ant-table-body-outer">
|
|
<div class="ant-table-body-inner">
|
|
<table class="ant-table-fixed">
|
|
<colgroup>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="operation" class="">
|
|
<div>Action</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-fixed-header ant-table-default ant-table-scroll-position-left ant-table-scroll-position-right">
|
|
<div class="ant-table-content">
|
|
<div class="ant-table-scroll">
|
|
<div class="ant-table-header">
|
|
<table class="ant-table-fixed" style="width: 1500px;">
|
|
<colgroup>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="ant-table-fixed-columns-in-body">
|
|
<div>Full Name</div>
|
|
</th>
|
|
<th key="age" class="ant-table-fixed-columns-in-body">
|
|
<div>Age</div>
|
|
</th>
|
|
<th key="1" class="">
|
|
<div>Column 1</div>
|
|
</th>
|
|
<th key="2" class="">
|
|
<div>Column 2</div>
|
|
</th>
|
|
<th key="3" class="">
|
|
<div>Column 3</div>
|
|
</th>
|
|
<th key="4" class="">
|
|
<div>Column 4</div>
|
|
</th>
|
|
<th key="5" class="">
|
|
<div>Column 5</div>
|
|
</th>
|
|
<th key="6" class="">
|
|
<div>Column 6</div>
|
|
</th>
|
|
<th key="7" class="">
|
|
<div>Column 7</div>
|
|
</th>
|
|
<th key="8" class="">
|
|
<div>Column 8</div>
|
|
</th>
|
|
<th key="operation" class="ant-table-fixed-columns-in-body">
|
|
<div>Action</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div class="ant-table-body" style="overflow-x: scroll; max-height: 300px; overflow-y: scroll;">
|
|
<table class="ant-table-fixed" style="width: 1500px;">
|
|
<colgroup>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
</colgroup>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
|
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 0</td>
|
|
<td class="ant-table-fixed-columns-in-body">32</td>
|
|
<td>London Park no. 0</td>
|
|
<td>London Park no. 0</td>
|
|
<td>London Park no. 0</td>
|
|
<td>London Park no. 0</td>
|
|
<td>London Park no. 0</td>
|
|
<td>London Park no. 0</td>
|
|
<td>London Park no. 0</td>
|
|
<td>London Park no. 0</td>
|
|
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 1</td>
|
|
<td class="ant-table-fixed-columns-in-body">32</td>
|
|
<td>London Park no. 1</td>
|
|
<td>London Park no. 1</td>
|
|
<td>London Park no. 1</td>
|
|
<td>London Park no. 1</td>
|
|
<td>London Park no. 1</td>
|
|
<td>London Park no. 1</td>
|
|
<td>London Park no. 1</td>
|
|
<td>London Park no. 1</td>
|
|
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 2</td>
|
|
<td class="ant-table-fixed-columns-in-body">32</td>
|
|
<td>London Park no. 2</td>
|
|
<td>London Park no. 2</td>
|
|
<td>London Park no. 2</td>
|
|
<td>London Park no. 2</td>
|
|
<td>London Park no. 2</td>
|
|
<td>London Park no. 2</td>
|
|
<td>London Park no. 2</td>
|
|
<td>London Park no. 2</td>
|
|
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 3</td>
|
|
<td class="ant-table-fixed-columns-in-body">32</td>
|
|
<td>London Park no. 3</td>
|
|
<td>London Park no. 3</td>
|
|
<td>London Park no. 3</td>
|
|
<td>London Park no. 3</td>
|
|
<td>London Park no. 3</td>
|
|
<td>London Park no. 3</td>
|
|
<td>London Park no. 3</td>
|
|
<td>London Park no. 3</td>
|
|
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 4</td>
|
|
<td class="ant-table-fixed-columns-in-body">32</td>
|
|
<td>London Park no. 4</td>
|
|
<td>London Park no. 4</td>
|
|
<td>London Park no. 4</td>
|
|
<td>London Park no. 4</td>
|
|
<td>London Park no. 4</td>
|
|
<td>London Park no. 4</td>
|
|
<td>London Park no. 4</td>
|
|
<td>London Park no. 4</td>
|
|
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
|
|
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 5</td>
|
|
<td class="ant-table-fixed-columns-in-body">32</td>
|
|
<td>London Park no. 5</td>
|
|
<td>London Park no. 5</td>
|
|
<td>London Park no. 5</td>
|
|
<td>London Park no. 5</td>
|
|
<td>London Park no. 5</td>
|
|
<td>London Park no. 5</td>
|
|
<td>London Park no. 5</td>
|
|
<td>London Park no. 5</td>
|
|
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
|
|
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 6</td>
|
|
<td class="ant-table-fixed-columns-in-body">32</td>
|
|
<td>London Park no. 6</td>
|
|
<td>London Park no. 6</td>
|
|
<td>London Park no. 6</td>
|
|
<td>London Park no. 6</td>
|
|
<td>London Park no. 6</td>
|
|
<td>London Park no. 6</td>
|
|
<td>London Park no. 6</td>
|
|
<td>London Park no. 6</td>
|
|
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
|
|
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 7</td>
|
|
<td class="ant-table-fixed-columns-in-body">32</td>
|
|
<td>London Park no. 7</td>
|
|
<td>London Park no. 7</td>
|
|
<td>London Park no. 7</td>
|
|
<td>London Park no. 7</td>
|
|
<td>London Park no. 7</td>
|
|
<td>London Park no. 7</td>
|
|
<td>London Park no. 7</td>
|
|
<td>London Park no. 7</td>
|
|
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
|
|
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 8</td>
|
|
<td class="ant-table-fixed-columns-in-body">32</td>
|
|
<td>London Park no. 8</td>
|
|
<td>London Park no. 8</td>
|
|
<td>London Park no. 8</td>
|
|
<td>London Park no. 8</td>
|
|
<td>London Park no. 8</td>
|
|
<td>London Park no. 8</td>
|
|
<td>London Park no. 8</td>
|
|
<td>London Park no. 8</td>
|
|
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
|
|
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 9</td>
|
|
<td class="ant-table-fixed-columns-in-body">32</td>
|
|
<td>London Park no. 9</td>
|
|
<td>London Park no. 9</td>
|
|
<td>London Park no. 9</td>
|
|
<td>London Park no. 9</td>
|
|
<td>London Park no. 9</td>
|
|
<td>London Park no. 9</td>
|
|
<td>London Park no. 9</td>
|
|
<td>London Park no. 9</td>
|
|
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="ant-table-fixed-left">
|
|
<div class="ant-table-header">
|
|
<table class="ant-table-fixed">
|
|
<colgroup>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col style="width: 100px; min-width: 100px;">
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="">
|
|
<div>Full Name</div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>Age</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div class="ant-table-body-outer">
|
|
<div class="ant-table-body-inner" style="max-height: 300px; overflow-y: scroll;">
|
|
<table class="ant-table-fixed">
|
|
<colgroup>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col style="width: 100px; min-width: 100px;">
|
|
</colgroup>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 0</td>
|
|
<td>32</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 1</td>
|
|
<td>32</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 2</td>
|
|
<td>32</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 3</td>
|
|
<td>32</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 4</td>
|
|
<td>32</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 5</td>
|
|
<td>32</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 6</td>
|
|
<td>32</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 7</td>
|
|
<td>32</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 8</td>
|
|
<td>32</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edrward 9</td>
|
|
<td>32</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-table-fixed-right">
|
|
<div class="ant-table-header">
|
|
<table class="ant-table-fixed">
|
|
<colgroup>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="operation" class="">
|
|
<div>Action</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div class="ant-table-body-outer">
|
|
<div class="ant-table-body-inner" style="max-height: 300px; overflow-y: scroll;">
|
|
<table class="ant-table-fixed">
|
|
<colgroup>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
</colgroup>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
|
<td><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
|
|
<td><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
|
|
<td><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
|
|
<td><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
|
|
<td><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
|
|
<td><a href="javascript:;">action</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
|
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
|
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
|
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"><a>5</a></li>
|
|
<li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"><a class="ant-pagination-item-link">
|
|
<div class="ant-pagination-item-container"><i aria-label="icon: double-right" class="ant-pagination-item-link-icon anticon anticon-double-right"><svg viewBox="64 64 896 896" data-icon="double-right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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 0 0 188 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 0 0 492 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"></path>
|
|
</svg></i><span class="ant-pagination-item-ellipsis">•••</span></div>
|
|
</a></li>
|
|
<li title="10" tabindex="0" class="ant-pagination-item ant-pagination-item-10"><a>10</a></li>
|
|
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-fixed-header ant-table-scroll-position-left ant-table-default">
|
|
<div class="ant-table-content">
|
|
<div class="ant-table-scroll">
|
|
<div class="ant-table-header">
|
|
<table class="">
|
|
<colgroup>
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="">
|
|
<div>Name</div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>Age</div>
|
|
</th>
|
|
<th key="address" class="">
|
|
<div>Address</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div class="ant-table-body" style="max-height: 240px; overflow-y: scroll;">
|
|
<table class="">
|
|
<colgroup>
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col style="width: 150px; min-width: 150px;">
|
|
<col>
|
|
</colgroup>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 0</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 0</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 1</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 1</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 2</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 2</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 3</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 3</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 4</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 4</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 5</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 5</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 6</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 6</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 7</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 7</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 8</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 8</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 9</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 9</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="10">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 10</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 10</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="11">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 11</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 11</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="12">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 12</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 12</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="13">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 13</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 13</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="14">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 14</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 14</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="15">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 15</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 15</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="16">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 16</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 16</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="17">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 17</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 17</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="18">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 18</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 18</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="19">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 19</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 19</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="20">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 20</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 20</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="21">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 21</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 21</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="22">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 22</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 22</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="23">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 23</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 23</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="24">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 24</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 24</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="25">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 25</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 25</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="26">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 26</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 26</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="27">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 27</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 27</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="28">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 28</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 28</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="29">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 29</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 29</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="30">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 30</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 30</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="31">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 31</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 31</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="32">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 32</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 32</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="33">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 33</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 33</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="34">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 34</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 34</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="35">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 35</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 35</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="36">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 36</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 36</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="37">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 37</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 37</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="38">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 38</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 38</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="39">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 39</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 39</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="40">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 40</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 40</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="41">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 41</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 41</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="42">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 42</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 42</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="43">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 43</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 43</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="44">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 44</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 44</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="45">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 45</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 45</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="46">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 46</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 46</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="47">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 47</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 47</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="48">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 48</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 48</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="49">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 49</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 49</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
|
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-fixed-header ant-table-middle ant-table-bordered ant-table-scroll-position-left ant-table-scroll-position-right">
|
|
<div class="ant-table-content">
|
|
<div class="ant-table-scroll">
|
|
<div class="ant-table-header">
|
|
<table class="ant-table-fixed" style="width: 130%;">
|
|
<colgroup>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col style="width: 200px; min-width: 200px;">
|
|
<col style="width: 200px; min-width: 200px;">
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col>
|
|
<col>
|
|
<col style="width: 80px; min-width: 80px;">
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" rowspan="4" class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters">
|
|
<div>Name</div><i title="Filter menu" aria-label="icon: filter" tabindex="-1" class="anticon anticon-filter ant-dropdown-trigger"><svg viewBox="64 64 896 896" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i>
|
|
</th>
|
|
<th key="1" colspan="4" class="">
|
|
<div>Other</div>
|
|
</th>
|
|
<th key="2" colspan="2" class="">
|
|
<div>Company</div>
|
|
</th>
|
|
<th key="gender" rowspan="4" class="ant-table-fixed-columns-in-body">
|
|
<div>Gender</div>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th key="age" rowspan="3" class="ant-table-column-has-actions ant-table-column-has-sorters">
|
|
<div class="ant-table-column-sorters">Age<div title="Sort" class="ant-table-column-sorter"><i aria-label="icon: caret-up" class="ant-table-column-sorter-up off anticon anticon-caret-up"><svg viewBox="0 0 1024 1024" data-icon="caret-up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i><i aria-label="icon: caret-down" class="ant-table-column-sorter-down off anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i></div>
|
|
</div>
|
|
</th>
|
|
<th colspan="3" class="">
|
|
<div>Address</div>
|
|
</th>
|
|
<th key="companyAddress" rowspan="3" class="">
|
|
<div>Company Address</div>
|
|
</th>
|
|
<th key="companyName" rowspan="3" class="">
|
|
<div>Company Name</div>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th key="street" rowspan="2" class="">
|
|
<div>Street</div>
|
|
</th>
|
|
<th colspan="2" class="">
|
|
<div>Block</div>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th key="building" class="">
|
|
<div>Building</div>
|
|
</th>
|
|
<th key="number" class="">
|
|
<div>Door No.</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div class="ant-table-body" style="overflow-x: scroll; max-height: 240px; overflow-y: scroll;">
|
|
<table class="ant-table-fixed" style="width: 130%;">
|
|
<colgroup>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col style="width: 200px; min-width: 200px;">
|
|
<col style="width: 200px; min-width: 200px;">
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col style="width: 100px; min-width: 100px;">
|
|
<col>
|
|
<col>
|
|
<col style="width: 80px; min-width: 80px;">
|
|
</colgroup>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
|
<td class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">1</td>
|
|
<td>Lake Park</td>
|
|
<td>C</td>
|
|
<td>2035</td>
|
|
<td>Lake Street 42</td>
|
|
<td>SoftLake Co</td>
|
|
<td class="ant-table-fixed-columns-in-body">M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">2</td>
|
|
<td>Lake Park</td>
|
|
<td>C</td>
|
|
<td>2035</td>
|
|
<td>Lake Street 42</td>
|
|
<td>SoftLake Co</td>
|
|
<td class="ant-table-fixed-columns-in-body">M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">3</td>
|
|
<td>Lake Park</td>
|
|
<td>C</td>
|
|
<td>2035</td>
|
|
<td>Lake Street 42</td>
|
|
<td>SoftLake Co</td>
|
|
<td class="ant-table-fixed-columns-in-body">M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">4</td>
|
|
<td>Lake Park</td>
|
|
<td>C</td>
|
|
<td>2035</td>
|
|
<td>Lake Street 42</td>
|
|
<td>SoftLake Co</td>
|
|
<td class="ant-table-fixed-columns-in-body">M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">5</td>
|
|
<td>Lake Park</td>
|
|
<td>C</td>
|
|
<td>2035</td>
|
|
<td>Lake Street 42</td>
|
|
<td>SoftLake Co</td>
|
|
<td class="ant-table-fixed-columns-in-body">M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
|
|
<td class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">6</td>
|
|
<td>Lake Park</td>
|
|
<td>C</td>
|
|
<td>2035</td>
|
|
<td>Lake Street 42</td>
|
|
<td>SoftLake Co</td>
|
|
<td class="ant-table-fixed-columns-in-body">M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
|
|
<td class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">7</td>
|
|
<td>Lake Park</td>
|
|
<td>C</td>
|
|
<td>2035</td>
|
|
<td>Lake Street 42</td>
|
|
<td>SoftLake Co</td>
|
|
<td class="ant-table-fixed-columns-in-body">M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
|
|
<td class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">8</td>
|
|
<td>Lake Park</td>
|
|
<td>C</td>
|
|
<td>2035</td>
|
|
<td>Lake Street 42</td>
|
|
<td>SoftLake Co</td>
|
|
<td class="ant-table-fixed-columns-in-body">M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
|
|
<td class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">9</td>
|
|
<td>Lake Park</td>
|
|
<td>C</td>
|
|
<td>2035</td>
|
|
<td>Lake Street 42</td>
|
|
<td>SoftLake Co</td>
|
|
<td class="ant-table-fixed-columns-in-body">M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
|
|
<td class="ant-table-fixed-columns-in-body ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">10</td>
|
|
<td>Lake Park</td>
|
|
<td>C</td>
|
|
<td>2035</td>
|
|
<td>Lake Street 42</td>
|
|
<td>SoftLake Co</td>
|
|
<td class="ant-table-fixed-columns-in-body">M</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="ant-table-fixed-left">
|
|
<div class="ant-table-header">
|
|
<table class="ant-table-fixed">
|
|
<colgroup>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" rowspan="4" class="ant-table-column-has-actions ant-table-column-has-filters">
|
|
<div>Name</div><i title="Filter menu" aria-label="icon: filter" tabindex="-1" class="anticon anticon-filter ant-dropdown-trigger"><svg viewBox="64 64 896 896" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div class="ant-table-body-outer">
|
|
<div class="ant-table-body-inner" style="max-height: 240px; overflow-y: scroll;">
|
|
<table class="ant-table-fixed">
|
|
<colgroup>
|
|
<col style="width: 100px; min-width: 100px;">
|
|
</colgroup>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ant-table-fixed-right">
|
|
<div class="ant-table-header">
|
|
<table class="ant-table-fixed">
|
|
<colgroup>
|
|
<col style="width: 80px; min-width: 80px;">
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="gender" rowspan="4" class="">
|
|
<div>Gender</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div class="ant-table-body-outer">
|
|
<div class="ant-table-body-inner" style="max-height: 240px; overflow-y: scroll;">
|
|
<table class="ant-table-fixed">
|
|
<colgroup>
|
|
<col style="width: 80px; min-width: 80px;">
|
|
</colgroup>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
|
<td>M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td>M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td>M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td>M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td>M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
|
|
<td>M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
|
|
<td>M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
|
|
<td>M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
|
|
<td>M</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
|
|
<td>M</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination mini ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
|
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
|
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
|
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"><a>5</a></li>
|
|
<li title="Next 5 Pages" tabindex="0" class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"><a class="ant-pagination-item-link">
|
|
<div class="ant-pagination-item-container"><i aria-label="icon: double-right" class="ant-pagination-item-link-icon anticon anticon-double-right"><svg viewBox="64 64 896 896" data-icon="double-right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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 0 0 188 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 0 0 492 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"></path>
|
|
</svg></i><span class="ant-pagination-item-ellipsis">•••</span></div>
|
|
</a></li>
|
|
<li title="10" tabindex="0" class="ant-pagination-item ant-pagination-item-10"><a>10</a></li>
|
|
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/head.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters">
|
|
<div class="ant-table-column-sorters">Name<div title="Sort" class="ant-table-column-sorter"><i aria-label="icon: caret-down" class="ant-table-column-sorter-down off anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i></div>
|
|
</div><i title="Filter menu" aria-label="icon: filter" tabindex="-1" class="anticon anticon-filter ant-dropdown-trigger"><svg viewBox="64 64 896 896" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i>
|
|
</th>
|
|
<th key="age" class="ant-table-column-has-actions ant-table-column-has-sorters">
|
|
<div class="ant-table-column-sorters">Age<div title="Sort" class="ant-table-column-sorter"><i aria-label="icon: caret-up" class="ant-table-column-sorter-up off anticon anticon-caret-up"><svg viewBox="0 0 1024 1024" data-icon="caret-up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i><i aria-label="icon: caret-down" class="ant-table-column-sorter-down off anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i></div>
|
|
</div>
|
|
</th>
|
|
<th key="address" class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters">
|
|
<div class="ant-table-column-sorters">Address<div title="Sort" class="ant-table-column-sorter"><i aria-label="icon: caret-up" class="ant-table-column-sorter-up off anticon anticon-caret-up"><svg viewBox="0 0 1024 1024" data-icon="caret-up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i><i aria-label="icon: caret-down" class="ant-table-column-sorter-down off anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i></div>
|
|
</div><i title="Filter menu" aria-label="icon: filter" tabindex="-1" class="anticon anticon-filter ant-dropdown-trigger"><svg viewBox="64 64 896 896" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">32</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters">New York No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Jim Green</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">42</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters">London No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Joe Black</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">32</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters">Sidney No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Jim Red</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">32</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters">London No. 2 Lake Park</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/nested-table.md correctly 1`] = `
|
|
<div class="components-table-demo-nested ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col class="ant-table-expand-icon-col">
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="rc-table-expand-icon-cell" title="" rowspan="1" class="ant-table-expand-icon-th"></th>
|
|
<th key="name" class="">
|
|
<div>Name</div>
|
|
</th>
|
|
<th key="platform" class="">
|
|
<div>Platform</div>
|
|
</th>
|
|
<th key="version" class="">
|
|
<div>Version</div>
|
|
</th>
|
|
<th key="upgradeNum" class="">
|
|
<div>Upgraded</div>
|
|
</th>
|
|
<th key="creator" class="">
|
|
<div>Creator</div>
|
|
</th>
|
|
<th key="createdAt" class="">
|
|
<div>Date</div>
|
|
</th>
|
|
<th key="operation" class="">
|
|
<div>Action</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
|
<td class="ant-table-row-expand-icon-cell"><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span></td>
|
|
<td>Screem</td>
|
|
<td>iOS</td>
|
|
<td>10.3.4.5654</td>
|
|
<td>500</td>
|
|
<td>Jack</td>
|
|
<td>2014-12-24 23:12:00</td>
|
|
<td><a href="javascript:;">Publish</a></td>
|
|
</tr>
|
|
<!---->
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td class="ant-table-row-expand-icon-cell"><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span></td>
|
|
<td>Screem</td>
|
|
<td>iOS</td>
|
|
<td>10.3.4.5654</td>
|
|
<td>500</td>
|
|
<td>Jack</td>
|
|
<td>2014-12-24 23:12:00</td>
|
|
<td><a href="javascript:;">Publish</a></td>
|
|
</tr>
|
|
<!---->
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class="ant-table-row-expand-icon-cell"><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span></td>
|
|
<td>Screem</td>
|
|
<td>iOS</td>
|
|
<td>10.3.4.5654</td>
|
|
<td>500</td>
|
|
<td>Jack</td>
|
|
<td>2014-12-24 23:12:00</td>
|
|
<td><a href="javascript:;">Publish</a></td>
|
|
</tr>
|
|
<!---->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
|
|
<div>
|
|
<div class="table-operations"><button type="button" class="ant-btn"><span>Sort age</span></button> <button type="button" class="ant-btn"><span>Clear filters</span></button> <button type="button" class="ant-btn"><span>Clear filters and sorters</span></button></div>
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters">
|
|
<div class="ant-table-column-sorters">Name<div title="Sort" class="ant-table-column-sorter"><i aria-label="icon: caret-up" class="ant-table-column-sorter-up off anticon anticon-caret-up"><svg viewBox="0 0 1024 1024" data-icon="caret-up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i><i aria-label="icon: caret-down" class="ant-table-column-sorter-down off anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i></div>
|
|
</div><i title="Filter menu" aria-label="icon: filter" tabindex="-1" class="anticon anticon-filter ant-dropdown-trigger"><svg viewBox="64 64 896 896" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i>
|
|
</th>
|
|
<th key="age" class="ant-table-column-has-actions ant-table-column-has-sorters">
|
|
<div class="ant-table-column-sorters">Age<div title="Sort" class="ant-table-column-sorter"><i aria-label="icon: caret-up" class="ant-table-column-sorter-up off anticon anticon-caret-up"><svg viewBox="0 0 1024 1024" data-icon="caret-up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i><i aria-label="icon: caret-down" class="ant-table-column-sorter-down off anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i></div>
|
|
</div>
|
|
</th>
|
|
<th key="address" class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters">
|
|
<div class="ant-table-column-sorters">Address<div title="Sort" class="ant-table-column-sorter"><i aria-label="icon: caret-up" class="ant-table-column-sorter-up off anticon anticon-caret-up"><svg viewBox="0 0 1024 1024" data-icon="caret-up" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i><i aria-label="icon: caret-down" class="ant-table-column-sorter-down off anticon anticon-caret-down"><svg viewBox="0 0 1024 1024" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i></div>
|
|
</div><i title="Filter menu" aria-label="icon: filter" tabindex="-1" class="anticon anticon-filter ant-dropdown-trigger"><svg viewBox="64 64 896 896" data-icon="filter" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">32</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters">New York No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Jim Green</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">42</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters">London No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Joe Black</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">32</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters">Sidney No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Jim Red</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-sorters">32</td>
|
|
<td class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters">London No. 2 Lake Park</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/row-selection.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col style="width: 62px; min-width: 62px;">
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="selection-column" class="ant-table-selection-column">
|
|
<div>
|
|
<div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></div>
|
|
</div>
|
|
</th>
|
|
<th key="name" class="">
|
|
<div>Name</div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>Age</div>
|
|
</th>
|
|
<th key="address" class="">
|
|
<div>Address</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-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input name="John Brown" type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">John Brown</a></td>
|
|
<td>32</td>
|
|
<td>New York No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input name="Jim Green" type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">Jim Green</a></td>
|
|
<td>42</td>
|
|
<td>London No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input name="Joe Black" type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">Joe Black</a></td>
|
|
<td>32</td>
|
|
<td>Sidney No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"><span class="ant-checkbox ant-checkbox-disabled"><input name="Disabled User" type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!----><a href="javascript:;">Disabled User</a></td>
|
|
<td>99</td>
|
|
<td>Sidney No. 1 Lake Park</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/row-selection-and-operation.md correctly 1`] = `
|
|
<div>
|
|
<div style="margin-bottom: 16px;"><button disabled="disabled" type="button" class="ant-btn ant-btn-primary"><span>Reload</span></button> <span style="margin-left: 8px;"><!----></span></div>
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col style="width: 62px; min-width: 62px;">
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="selection-column" class="ant-table-selection-column">
|
|
<div>
|
|
<div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></div>
|
|
</div>
|
|
</th>
|
|
<th key="name" class="">
|
|
<div>Name</div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>Age</div>
|
|
</th>
|
|
<th key="address" class="">
|
|
<div>Address</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 0</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 0</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 1</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 1</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 2</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 2</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 3</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 3</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 4</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 4</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 5</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 5</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 6</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 6</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 7</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 7</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 8</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 8</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 9</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 9</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
|
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
|
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
|
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
|
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/row-selection-custom.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col style="width: 62px; min-width: 62px;">
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="selection-column" class="ant-table-selection-column ant-table-selection-column-custom">
|
|
<div>
|
|
<div class="ant-table-selection"><label class="ant-checkbox-wrapper ant-table-selection-select-all-custom"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label>
|
|
<div class="ant-table-selection-down ant-dropdown-trigger"><i aria-label="icon: down" class="anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<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"></path>
|
|
</svg></i></div>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
<th key="name" class="">
|
|
<div>Name</div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>Age</div>
|
|
</th>
|
|
<th key="address" class="">
|
|
<div>Address</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
|
|
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 0</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 0</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 1</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 1</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 2</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 2</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 3</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 3</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
|
|
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 4</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 4</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
|
|
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 5</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 5</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
|
|
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 6</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 6</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
|
|
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 7</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 7</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
|
|
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 8</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 8</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
|
|
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Edward King 9</td>
|
|
<td>32</td>
|
|
<td>London, Park Lane no. 9</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="2" tabindex="0" class="ant-pagination-item ant-pagination-item-2"><a>2</a></li>
|
|
<li title="3" tabindex="0" class="ant-pagination-item ant-pagination-item-3"><a>3</a></li>
|
|
<li title="4" tabindex="0" class="ant-pagination-item ant-pagination-item-4"><a>4</a></li>
|
|
<li title="5" tabindex="0" class="ant-pagination-item ant-pagination-item-5"><a>5</a></li>
|
|
<li title="Next Page" tabindex="0" class=" ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/size.md correctly 1`] = `
|
|
<div id="components-table-demo-size">
|
|
<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-scroll-position-left ant-table-middle">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="">
|
|
<div>Name</div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>Age</div>
|
|
</th>
|
|
<th key="address" class="">
|
|
<div>Address</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td>32</td>
|
|
<td>New York No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Jim Green</td>
|
|
<td>42</td>
|
|
<td>London No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Joe Black</td>
|
|
<td>32</td>
|
|
<td>Sidney No. 1 Lake Park</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination mini ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h4>Small size table</h4>
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-small">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="name" class="">
|
|
<div>Name</div>
|
|
</th>
|
|
<th key="age" class="">
|
|
<div>Age</div>
|
|
</th>
|
|
<th key="address" class="">
|
|
<div>Address</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="ant-table-tbody">
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John Brown</td>
|
|
<td>32</td>
|
|
<td>New York No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Jim Green</td>
|
|
<td>42</td>
|
|
<td>London No. 1 Lake Park</td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Joe Black</td>
|
|
<td>32</td>
|
|
<td>Sidney No. 1 Lake Park</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination mini ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/table/demo/template.md correctly 1`] = `
|
|
<div class="ant-table-wrapper">
|
|
<div class="ant-spin-nested-loading">
|
|
<div class="ant-spin-container">
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-default">
|
|
<div class="ant-table-content">
|
|
<!---->
|
|
<div class="ant-table-body">
|
|
<table class="">
|
|
<colgroup>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead class="ant-table-thead">
|
|
<tr>
|
|
<th key="0" colspan="2" class="">
|
|
<div><span slot="title" style="color: rgb(24, 144, 255);">Name</span></div>
|
|
</th>
|
|
<th key="age" rowspan="2" class="">
|
|
<div>Age</div>
|
|
</th>
|
|
<th key="address" rowspan="2" class="">
|
|
<div>Address</div>
|
|
</th>
|
|
<th key="tags" rowspan="2" class="">
|
|
<div>Tags</div>
|
|
</th>
|
|
<th key="action" rowspan="2" class="">
|
|
<div>Action</div>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th key="firstName" class="">
|
|
<div><span slot="title" style="color: rgb(24, 144, 255);">First Name</span></div>
|
|
</th>
|
|
<th key="lastName" class="">
|
|
<div>Last Name</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=""><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->John</td>
|
|
<td class="">Brown</td>
|
|
<td class="">32</td>
|
|
<td class="">New York No. 1 Lake Park</td>
|
|
<td class=""><span><div class="ant-tag ant-tag-blue">nice</div><div class="ant-tag ant-tag-blue">developer</div></span></td>
|
|
<td class=""><span><a href="javascript:;">Action 一 John</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;">Delete</a></span></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
|
|
<td class=""><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Jim</td>
|
|
<td class="">Green</td>
|
|
<td class="">42</td>
|
|
<td class="">London No. 1 Lake Park</td>
|
|
<td class=""><span><div class="ant-tag ant-tag-blue">loser</div></span></td>
|
|
<td class=""><span><a href="javascript:;">Action 一 Jim</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;">Delete</a></span></td>
|
|
</tr>
|
|
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
|
|
<td class=""><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
|
|
<!---->Joe</td>
|
|
<td class="">Black</td>
|
|
<td class="">32</td>
|
|
<td class="">Sidney No. 1 Lake Park</td>
|
|
<td class=""><span><div class="ant-tag ant-tag-blue">cool</div><div class="ant-tag ant-tag-blue">teacher</div></span></td>
|
|
<td class=""><span><a href="javascript:;">Action 一 Joe</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;">Delete</a></span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
|
|
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"><i aria-label="icon: left" class="anticon anticon-left"><svg viewBox="64 64 896 896" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 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"></path>
|
|
</svg></i></a></li>
|
|
<li title="1" tabindex="0" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"><a>1</a></li>
|
|
<li title="Next Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-next"><a class="ant-pagination-item-link"><i aria-label="icon: right" class="anticon anticon-right"><svg viewBox="64 64 896 896" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">
|
|
<path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 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 0 0 0-50.4z"></path>
|
|
</svg></i></a></li>
|
|
<!---->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|