2939 lines
142 KiB
Plaintext
2939 lines
142 KiB
Plaintext
|
// 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">
|
||
|
|
<div class="ant-spin-container">
|
||
|
|
<div class="ant-table ant-table-scroll-position-left ant-table-large ant-table-empty">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:20%;min-width:20%;">
|
||
|
|
<col style="width:20%;min-width:20%;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name" class="ant-table-column-has-filters"><span>Name<div class="ant-table-column-sorter"><span title="↑" class="ant-table-column-sorter-up off"><i class="anticon anticon-caret-up"></i></span><span title="↓" class="ant-table-column-sorter-down off"><i class="anticon anticon-caret-down"></i></span></div>
|
||
|
|
</span>
|
||
|
|
</th>
|
||
|
|
<th key="gender" class="ant-table-column-has-filters"><span>Gender<i title="Filter menu" class="anticon anticon-filter ant-dropdown-trigger"></i></span></th>
|
||
|
|
<th key="email"><span>Email</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody"></tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="ant-table-placeholder">No data</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-large">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name"><span><span><i class="anticon anticon-smile-o"></i> Name</span></span>
|
||
|
|
</th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
<th key="address"><span>Address</span></th>
|
||
|
|
<th key="action"><span>Action</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->
|
||
|
|
<a href="#">John Brown</a>
|
||
|
|
</td>
|
||
|
|
<td>32</td>
|
||
|
|
<td>New York No. 1 Lake Park</td>
|
||
|
|
<td><span><a href="#">Action 一 John Brown</a> <div class="ant-divider ant-divider-vertical"></div> <a href="#">Delete</a> <div class="ant-divider ant-divider-vertical"></div> <a href="#" class="ant-dropdown-link">
|
||
|
|
More actions <i class="anticon anticon-down"></i></a></span></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->
|
||
|
|
<a href="#">Jim Green</a>
|
||
|
|
</td>
|
||
|
|
<td>42</td>
|
||
|
|
<td>London No. 1 Lake Park</td>
|
||
|
|
<td><span><a href="#">Action 一 Jim Green</a> <div class="ant-divider ant-divider-vertical"></div> <a href="#">Delete</a> <div class="ant-divider ant-divider-vertical"></div> <a href="#" class="ant-dropdown-link">
|
||
|
|
More actions <i class="anticon anticon-down"></i></a></span></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->
|
||
|
|
<a href="#">Joe Black</a>
|
||
|
|
</td>
|
||
|
|
<td>32</td>
|
||
|
|
<td>Sidney No. 1 Lake Park</td>
|
||
|
|
<td><span><a href="#">Action 一 Joe Black</a> <div class="ant-divider ant-divider-vertical"></div> <a href="#">Delete</a> <div class="ant-divider ant-divider-vertical"></div> <a href="#" class="ant-dropdown-link">
|
||
|
|
More actions <i class="anticon anticon-down"></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"></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"></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-large ant-table-bordered">
|
||
|
|
<div class="ant-table-title">
|
||
|
|
Header
|
||
|
|
</div>
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name"><span>Name</span></th>
|
||
|
|
<th key="money" class="column-money"><span>Cash Assets</span></th>
|
||
|
|
<th key="address"><span>Address</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->
|
||
|
|
<a href="#">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" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->
|
||
|
|
<a href="#">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" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->
|
||
|
|
<a href="#">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"></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"></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-large ant-table-bordered">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name"><span>Name</span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
<th key="tel" colSpan="2"><span>Home phone</span></th>
|
||
|
|
<th key="address"><span>Address</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->
|
||
|
|
<a href="#">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" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->
|
||
|
|
<a href="#">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" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->
|
||
|
|
<a href="#">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" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->
|
||
|
|
<a href="#">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" style="height:null;">
|
||
|
|
<td colSpan="5"><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->
|
||
|
|
<a href="#">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"></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"></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-large">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name" class="ant-table-column-has-filters"><span>Name<i title="Filter menu" class="anticon anticon-smile-o ant-table-filter-icon ant-dropdown-trigger" style="color:#aaa;"></i></span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
<th key="address" class="ant-table-column-has-filters"><span>Address<i title="Filter menu" class="anticon anticon-filter ant-dropdown-trigger"></i></span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->John Brown</td>
|
||
|
|
<td>32</td>
|
||
|
|
<td class="ant-table-column-has-filters">New York No. 1 Lake Park</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Joe Black</td>
|
||
|
|
<td>42</td>
|
||
|
|
<td class="ant-table-column-has-filters">London No. 1 Lake Park</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Jim Green</td>
|
||
|
|
<td>32</td>
|
||
|
|
<td class="ant-table-column-has-filters">Sidney No. 1 Lake Park</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Jim Red</td>
|
||
|
|
<td>32</td>
|
||
|
|
<td class="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"></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"></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 ant-btn-default"><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-large ant-table-bordered">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:30%;min-width:30%;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name"><span>name</span></th>
|
||
|
|
<th key="age"><span>age</span></th>
|
||
|
|
<th key="address"><span>address</span></th>
|
||
|
|
<th key="operation"><span>operation</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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 class="editable-cell-icon anticon anticon-edit"></i>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>32</td>
|
||
|
|
<td>London, Park Lane no. 0</td>
|
||
|
|
<td>
|
||
|
|
<a href="#">Delete</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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 class="editable-cell-icon anticon anticon-edit"></i>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>32</td>
|
||
|
|
<td>London, Park Lane no. 1</td>
|
||
|
|
<td>
|
||
|
|
<a href="#">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"></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"></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-large ant-table-bordered">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:25%;min-width:25%;">
|
||
|
|
<col style="width:15%;min-width:15%;">
|
||
|
|
<col style="width:40%;min-width:40%;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name"><span>name</span></th>
|
||
|
|
<th key="age"><span>age</span></th>
|
||
|
|
<th key="address"><span>address</span></th>
|
||
|
|
<th key="operation"><span>operation</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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"></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">
|
||
|
|
<a class="ant-pagination-item-link"></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"></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-large">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col class="ant-table-expand-icon-col">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="rc-table-expand-icon-cell" title="" rowSpan="1" class="ant-table-expand-icon-th"></th>
|
||
|
|
<th key="name"><span>Name</span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
<th key="address"><span>Address</span></th>
|
||
|
|
<th key="x"><span>Action</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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="#">Delete</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<!---->
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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="#">Delete</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<!---->
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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="#">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"></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"></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-large">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:12%;min-width:12%;">
|
||
|
|
<col style="width:30%;min-width:30%;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="selection-column" class="ant-table-selection-column"><span><div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</span>
|
||
|
|
</th>
|
||
|
|
<th key="name"><span>Name</span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
<th key="address"><span>Address</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><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" style="height:null;">
|
||
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><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"></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"></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-scroll-position-left ant-table-large">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<div class="ant-table-scroll">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body" style="overflow-x:auto;webkit-transform:translate3d (0, 0, 0);">
|
||
|
|
<table class="ant-table-fixed" style="width:1300px;">
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:100px;min-width:100px;">
|
||
|
|
<col style="width:100px;min-width:100px;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:100px;min-width:100px;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name"><span>Full Name</span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
<th key="1"><span>Column 1</span></th>
|
||
|
|
<th key="2"><span>Column 2</span></th>
|
||
|
|
<th key="3"><span>Column 3</span></th>
|
||
|
|
<th key="4"><span>Column 4</span></th>
|
||
|
|
<th key="5"><span>Column 5</span></th>
|
||
|
|
<th key="6"><span>Column 6</span></th>
|
||
|
|
<th key="7"><span>Column 7</span></th>
|
||
|
|
<th key="8"><span>Column 8</span></th>
|
||
|
|
<th key="operation"><span>Action</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->John Brown</td>
|
||
|
|
<td>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>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Jim Green</td>
|
||
|
|
<td>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>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ant-table-fixed-left">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body-outer" style="webkit-transform:translate3d (0, 0, 0);">
|
||
|
|
<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 style="height:null;">
|
||
|
|
<th key="name"><span>Full Name</span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="webkit-transform:translate3d (0, 0, 0);">
|
||
|
|
<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 style="height:null;">
|
||
|
|
<th key="operation"><span>Action</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>
|
||
|
|
<a href="#">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"></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"></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-scroll-position-left ant-table-large">
|
||
|
|
<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 style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:100px;min-width:100px;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name"><span>Full Name</span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
<th key="1"><span>Column 1</span></th>
|
||
|
|
<th key="2"><span>Column 2</span></th>
|
||
|
|
<th key="3"><span>Column 3</span></th>
|
||
|
|
<th key="4"><span>Column 4</span></th>
|
||
|
|
<th key="5"><span>Column 5</span></th>
|
||
|
|
<th key="6"><span>Column 6</span></th>
|
||
|
|
<th key="7"><span>Column 7</span></th>
|
||
|
|
<th key="8"><span>Column 8</span></th>
|
||
|
|
<th key="operation"><span>Action</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="ant-table-body" style="overflow-x:auto;webkit-transform:translate3d (0, 0, 0);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 style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:100px;min-width:100px;">
|
||
|
|
</colgroup>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Edrward 0</td>
|
||
|
|
<td>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>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Edrward 1</td>
|
||
|
|
<td>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>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Edrward 2</td>
|
||
|
|
<td>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>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Edrward 3</td>
|
||
|
|
<td>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>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Edrward 4</td>
|
||
|
|
<td>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>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Edrward 5</td>
|
||
|
|
<td>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>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Edrward 6</td>
|
||
|
|
<td>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>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Edrward 7</td>
|
||
|
|
<td>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>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Edrward 8</td>
|
||
|
|
<td>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>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Edrward 9</td>
|
||
|
|
<td>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>
|
||
|
|
<a href="#">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 style="height:null;">
|
||
|
|
<th key="name"><span>Full Name</span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="ant-table-body-outer" style="webkit-transform:translate3d (0, 0, 0);">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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 style="height:null;">
|
||
|
|
<th key="operation"><span>Action</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="ant-table-body-outer" style="webkit-transform:translate3d (0, 0, 0);">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<td>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>
|
||
|
|
<a href="#">action</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>
|
||
|
|
<a href="#">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"></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">
|
||
|
|
<a class="ant-pagination-item-link"></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"></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-large">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<div class="ant-table-scroll">
|
||
|
|
<div class="ant-table-header">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:150px;min-width:150px;">
|
||
|
|
<col style="width:150px;min-width:150px;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name"><span>Name</span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
<th key="address"><span>Address</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="ant-table-body" style="max-height:240px;overflow-y:scroll;">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:150px;min-width:150px;">
|
||
|
|
<col style="width:150px;min-width:150px;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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"></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"></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-scroll-position-left ant-table-middle ant-table-bordered">
|
||
|
|
<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 style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:60px;min-width:60px;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name" rowSpan="4" class="ant-table-column-has-filters"><span>Name<i title="Filter menu" class="anticon anticon-filter ant-dropdown-trigger"></i></span></th>
|
||
|
|
<th key="1" colSpan="4"><span>Other</span></th>
|
||
|
|
<th key="2" colSpan="2"><span>Company</span></th>
|
||
|
|
<th key="gender" rowSpan="4"><span>Gender</span></th>
|
||
|
|
</tr>
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="age" rowSpan="3" class="ant-table-column-has-filters"><span>Age<div class="ant-table-column-sorter"><span title="↑" class="ant-table-column-sorter-up off"><i class="anticon anticon-caret-up"></i></span><span title="↓" class="ant-table-column-sorter-down off"><i class="anticon anticon-caret-down"></i></span></div>
|
||
|
|
</span>
|
||
|
|
</th>
|
||
|
|
<th colSpan="3"><span>Address</span></th>
|
||
|
|
<th key="companyAddress" rowSpan="3"><span>Company Address</span></th>
|
||
|
|
<th key="companyName" rowSpan="3"><span>Company Name</span></th>
|
||
|
|
</tr>
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="street" rowSpan="2"><span>Street</span></th>
|
||
|
|
<th colSpan="2"><span>Block</span></th>
|
||
|
|
</tr>
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="building"><span>Building</span></th>
|
||
|
|
<th key="number"><span>Door No.</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="ant-table-body" style="overflow-x:auto;webkit-transform:translate3d (0, 0, 0);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 style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:60px;min-width:60px;">
|
||
|
|
</colgroup>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">1</td>
|
||
|
|
<td>Lake Park</td>
|
||
|
|
<td>C</td>
|
||
|
|
<td>2035</td>
|
||
|
|
<td>Lake Street 42</td>
|
||
|
|
<td>SoftLake Co</td>
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">2</td>
|
||
|
|
<td>Lake Park</td>
|
||
|
|
<td>C</td>
|
||
|
|
<td>2035</td>
|
||
|
|
<td>Lake Street 42</td>
|
||
|
|
<td>SoftLake Co</td>
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">3</td>
|
||
|
|
<td>Lake Park</td>
|
||
|
|
<td>C</td>
|
||
|
|
<td>2035</td>
|
||
|
|
<td>Lake Street 42</td>
|
||
|
|
<td>SoftLake Co</td>
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">4</td>
|
||
|
|
<td>Lake Park</td>
|
||
|
|
<td>C</td>
|
||
|
|
<td>2035</td>
|
||
|
|
<td>Lake Street 42</td>
|
||
|
|
<td>SoftLake Co</td>
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">5</td>
|
||
|
|
<td>Lake Park</td>
|
||
|
|
<td>C</td>
|
||
|
|
<td>2035</td>
|
||
|
|
<td>Lake Street 42</td>
|
||
|
|
<td>SoftLake Co</td>
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">6</td>
|
||
|
|
<td>Lake Park</td>
|
||
|
|
<td>C</td>
|
||
|
|
<td>2035</td>
|
||
|
|
<td>Lake Street 42</td>
|
||
|
|
<td>SoftLake Co</td>
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">7</td>
|
||
|
|
<td>Lake Park</td>
|
||
|
|
<td>C</td>
|
||
|
|
<td>2035</td>
|
||
|
|
<td>Lake Street 42</td>
|
||
|
|
<td>SoftLake Co</td>
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">8</td>
|
||
|
|
<td>Lake Park</td>
|
||
|
|
<td>C</td>
|
||
|
|
<td>2035</td>
|
||
|
|
<td>Lake Street 42</td>
|
||
|
|
<td>SoftLake Co</td>
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">9</td>
|
||
|
|
<td>Lake Park</td>
|
||
|
|
<td>C</td>
|
||
|
|
<td>2035</td>
|
||
|
|
<td>Lake Street 42</td>
|
||
|
|
<td>SoftLake Co</td>
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">10</td>
|
||
|
|
<td>Lake Park</td>
|
||
|
|
<td>C</td>
|
||
|
|
<td>2035</td>
|
||
|
|
<td>Lake Street 42</td>
|
||
|
|
<td>SoftLake Co</td>
|
||
|
|
<td>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 style="height:null;">
|
||
|
|
<th key="name" rowSpan="4" class="ant-table-column-has-filters"><span>Name<i title="Filter menu" class="anticon anticon-filter ant-dropdown-trigger"></i></span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="ant-table-body-outer" style="webkit-transform:translate3d (0, 0, 0);">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<td class="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" style="height:null;">
|
||
|
|
<td class="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" style="height:null;">
|
||
|
|
<td class="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" style="height:null;">
|
||
|
|
<td class="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" style="height:null;">
|
||
|
|
<td class="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" style="height:null;">
|
||
|
|
<td class="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" style="height:null;">
|
||
|
|
<td class="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" style="height:null;">
|
||
|
|
<td class="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" style="height:null;">
|
||
|
|
<td class="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" style="height:null;">
|
||
|
|
<td class="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:60px;min-width:60px;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="gender" rowSpan="4"><span>Gender</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="ant-table-body-outer" style="webkit-transform:translate3d (0, 0, 0);">
|
||
|
|
<div class="ant-table-body-inner" style="max-height:240px;overflow-y:scroll;">
|
||
|
|
<table class="ant-table-fixed">
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:60px;min-width:60px;">
|
||
|
|
</colgroup>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td>M</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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"></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">
|
||
|
|
<a class="ant-pagination-item-link"></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"></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-large">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name" class="ant-table-column-has-filters"><span>Name<div class="ant-table-column-sorter"><span title="↑" class="ant-table-column-sorter-up off"><i class="anticon anticon-caret-up"></i></span><span title="↓" class="ant-table-column-sorter-down off"><i class="anticon anticon-caret-down"></i></span></div>
|
||
|
|
<i
|
||
|
|
title="Filter menu" class="anticon anticon-filter ant-dropdown-trigger"></i>
|
||
|
|
</span>
|
||
|
|
</th>
|
||
|
|
<th key="age" class="ant-table-column-has-filters"><span>Age<div class="ant-table-column-sorter"><span title="↑" class="ant-table-column-sorter-up off"><i class="anticon anticon-caret-up"></i></span><span title="↓" class="ant-table-column-sorter-down off"><i class="anticon anticon-caret-down"></i></span></div>
|
||
|
|
</span>
|
||
|
|
</th>
|
||
|
|
<th key="address" class="ant-table-column-has-filters"><span>Address<div class="ant-table-column-sorter"><span title="↑" class="ant-table-column-sorter-up off"><i class="anticon anticon-caret-up"></i></span><span title="↓" class="ant-table-column-sorter-down off"><i class="anticon anticon-caret-down"></i></span></div>
|
||
|
|
<i
|
||
|
|
title="Filter menu" class="anticon anticon-filter ant-dropdown-trigger"></i>
|
||
|
|
</span>
|
||
|
|
</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">32</td>
|
||
|
|
<td class="ant-table-column-has-filters">New York No. 1 Lake Park</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">42</td>
|
||
|
|
<td class="ant-table-column-has-filters">London No. 1 Lake Park</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">32</td>
|
||
|
|
<td class="ant-table-column-has-filters">Sidney No. 1 Lake Park</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">32</td>
|
||
|
|
<td class="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"></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"></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-large">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col class="ant-table-expand-icon-col">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="rc-table-expand-icon-cell" title="" rowSpan="1" class="ant-table-expand-icon-th"></th>
|
||
|
|
<th key="name"><span>Name</span></th>
|
||
|
|
<th key="platform"><span>Platform</span></th>
|
||
|
|
<th key="version"><span>Version</span></th>
|
||
|
|
<th key="upgradeNum"><span>Upgraded</span></th>
|
||
|
|
<th key="creator"><span>Creator</span></th>
|
||
|
|
<th key="createdAt"><span>Date</span></th>
|
||
|
|
<th key="operation"><span>Action</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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="#">Publish</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<!---->
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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="#">Publish</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<!---->
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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="#">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"></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"></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 ant-btn-default"><span>Sort age</span></button>
|
||
|
|
<button type="button" class="ant-btn ant-btn-default"><span>Clear filters</span></button>
|
||
|
|
<button type="button" class="ant-btn ant-btn-default"><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-large">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name" class="ant-table-column-has-filters"><span>Name<div class="ant-table-column-sorter"><span title="↑" class="ant-table-column-sorter-up off"><i class="anticon anticon-caret-up"></i></span><span title="↓" class="ant-table-column-sorter-down off"><i class="anticon anticon-caret-down"></i></span></div>
|
||
|
|
<i
|
||
|
|
title="Filter menu" class="anticon anticon-filter ant-dropdown-trigger"></i>
|
||
|
|
</span>
|
||
|
|
</th>
|
||
|
|
<th key="age" class="ant-table-column-has-filters"><span>Age<div class="ant-table-column-sorter"><span title="↑" class="ant-table-column-sorter-up off"><i class="anticon anticon-caret-up"></i></span><span title="↓" class="ant-table-column-sorter-down off"><i class="anticon anticon-caret-down"></i></span></div>
|
||
|
|
</span>
|
||
|
|
</th>
|
||
|
|
<th key="address" class="ant-table-column-has-filters"><span>Address<div class="ant-table-column-sorter"><span title="↑" class="ant-table-column-sorter-up off"><i class="anticon anticon-caret-up"></i></span><span title="↓" class="ant-table-column-sorter-down off"><i class="anticon anticon-caret-down"></i></span></div>
|
||
|
|
<i
|
||
|
|
title="Filter menu" class="anticon anticon-filter ant-dropdown-trigger"></i>
|
||
|
|
</span>
|
||
|
|
</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">32</td>
|
||
|
|
<td class="ant-table-column-has-filters">New York No. 1 Lake Park</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">42</td>
|
||
|
|
<td class="ant-table-column-has-filters">London No. 1 Lake Park</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">32</td>
|
||
|
|
<td class="ant-table-column-has-filters">Sidney No. 1 Lake Park</td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="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-filters">32</td>
|
||
|
|
<td class="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"></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"></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-large">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="selection-column" class="ant-table-selection-column"><span><div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</span>
|
||
|
|
</th>
|
||
|
|
<th key="name"><span>Name</span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
<th key="address"><span>Address</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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"><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="#">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" style="height:null;">
|
||
|
|
<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"><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="#">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" style="height:null;">
|
||
|
|
<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"><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="#">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" style="height:null;">
|
||
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-disabled"><input name="Disabled User" type="checkbox" disabled="disabled" class="ant-checkbox-input"><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="#">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"></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"></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 type="button" disabled="disabled" 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-large">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="selection-column" class="ant-table-selection-column"><span><div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</span>
|
||
|
|
</th>
|
||
|
|
<th key="name"><span>Name</span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
<th key="address"><span>Address</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><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" style="height:null;">
|
||
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><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" style="height:null;">
|
||
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><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" style="height:null;">
|
||
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><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" style="height:null;">
|
||
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><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" style="height:null;">
|
||
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><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" style="height:null;">
|
||
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><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" style="height:null;">
|
||
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><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" style="height:null;">
|
||
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><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" style="height:null;">
|
||
|
|
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><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"></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"></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-large">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="selection-column" class="ant-table-selection-column ant-table-selection-column-custom"><span><div class="ant-table-selection"><label class="ant-table-selection-select-all-custom ant-checkbox-wrapper ant-table-selection-select-all-custom"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
|
||
|
|
</label>
|
||
|
|
<div class="ant-table-selection-down ant-dropdown-trigger">
|
||
|
|
<i class="anticon anticon-down"></i>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</span>
|
||
|
|
</th>
|
||
|
|
<th key="name"><span>Name</span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
<th key="address"><span>Address</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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"><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" style="height:null;">
|
||
|
|
<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"><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" style="height:null;">
|
||
|
|
<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"><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" style="height:null;">
|
||
|
|
<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"><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" style="height:null;">
|
||
|
|
<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"><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" style="height:null;">
|
||
|
|
<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"><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" style="height:null;">
|
||
|
|
<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"><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" style="height:null;">
|
||
|
|
<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"><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" style="height:null;">
|
||
|
|
<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"><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" style="height:null;">
|
||
|
|
<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"><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"></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"></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>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name"><span>Name</span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
<th key="address"><span>Address</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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"></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"></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>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="name"><span>Name</span></th>
|
||
|
|
<th key="age"><span>Age</span></th>
|
||
|
|
<th key="address"><span>Address</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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" style="height:null;">
|
||
|
|
<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"></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"></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-large">
|
||
|
|
<div class="ant-table-content">
|
||
|
|
<!---->
|
||
|
|
<div class="ant-table-body">
|
||
|
|
<table>
|
||
|
|
<colgroup>
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
<col style="width:undefined;min-width:undefined;">
|
||
|
|
</colgroup>
|
||
|
|
<thead class="ant-table-thead">
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="0" colSpan="2"><span><span slot="title" style="color:#1890ff;">Name</span></span>
|
||
|
|
</th>
|
||
|
|
<th key="age" rowSpan="2"><span>Age</span></th>
|
||
|
|
<th key="address" rowSpan="2"><span>Address</span></th>
|
||
|
|
<th key="action" rowSpan="2"><span>Action</span></th>
|
||
|
|
</tr>
|
||
|
|
<tr style="height:null;">
|
||
|
|
<th key="firstName"><span><span slot="title" style="color:#1890ff;">First Name</span></span>
|
||
|
|
</th>
|
||
|
|
<th key="lastName"><span>Last Name</span></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="ant-table-tbody">
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->John</td>
|
||
|
|
<td>Brown</td>
|
||
|
|
<td>32</td>
|
||
|
|
<td>New York No. 1 Lake Park</td>
|
||
|
|
<td><span><a href="#">Action 一 John</a> <div class="ant-divider ant-divider-vertical"></div> <a href="#">Delete</a> <div class="ant-divider ant-divider-vertical"></div> <a href="#" class="ant-dropdown-link">
|
||
|
|
More actions <i class="anticon anticon-down"></i></a></span></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Jim</td>
|
||
|
|
<td>Green</td>
|
||
|
|
<td>42</td>
|
||
|
|
<td>London No. 1 Lake Park</td>
|
||
|
|
<td><span><a href="#">Action 一 Jim</a> <div class="ant-divider ant-divider-vertical"></div> <a href="#">Delete</a> <div class="ant-divider ant-divider-vertical"></div> <a href="#" class="ant-dropdown-link">
|
||
|
|
More actions <i class="anticon anticon-down"></i></a></span></td>
|
||
|
|
</tr>
|
||
|
|
<tr class="ant-table-row ant-table-row-level-0" style="height:null;">
|
||
|
|
<td><span class="ant-table-row-indent indent-level-0" style="padding-left:0px;"></span>
|
||
|
|
<!---->Joe</td>
|
||
|
|
<td>Black</td>
|
||
|
|
<td>32</td>
|
||
|
|
<td>Sidney No. 1 Lake Park</td>
|
||
|
|
<td><span><a href="#">Action 一 Joe</a> <div class="ant-divider ant-divider-vertical"></div> <a href="#">Delete</a> <div class="ant-divider ant-divider-vertical"></div> <a href="#" class="ant-dropdown-link">
|
||
|
|
More actions <i class="anticon anticon-down"></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"></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"></a>
|
||
|
|
</li>
|
||
|
|
<!---->
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`;
|