github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
ant-design-vue/components/table/__tests__/__snapshots__/demo.test.js.snap

2556 lines
138 KiB
Plaintext
Raw Blame History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
<div class="ant-table-wrapper">
<div class="ant-spin-nested-loading ant-table-without-pagination ant-table-spin-holder">
<div>
<div class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i></i><i></i><i></i><i></i></span></div>
</div>
<div class="ant-spin-container ant-spin-blur">
<div class="ant-table ant-table-scroll-position-left ant-table-default ant-table-empty">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col style="width: 20%; min-width: 20%;">
<col style="width: 20%; min-width: 20%;">
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class="ant-table-column-has-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" class=""><span>Email</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody"></tbody>
</table>
</div>
<div class="ant-table-placeholder"></div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/basic.md correctly 1`] = `
<div class="ant-table-wrapper">
<div class="ant-spin-nested-loading">
<div class="ant-spin-container">
<div class="ant-table ant-table-scroll-position-left ant-table-default">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col>
<col>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class=""><span><span><i class="anticon anticon-smile-o"></i> Name</span></span></th>
<th key="age" class=""><span>Age</span></th>
<th key="address" class=""><span>Address</span></th>
<th key="tags" class=""><span>Tags</span></th>
<th key="action" class=""><span>Action</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">John Brown</a></td>
<td>32</td>
<td>New York No. 1 Lake Park</td>
<td><span><div data-show="true" class="ant-tag ant-tag-blue ant-tag-zoom-enter">nice</div><div data-show="true" class="ant-tag ant-tag-blue ant-tag-zoom-enter">developer</div></span></td>
<td><span><a href="javascript:;">Invite 一 John Brown</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;">Delete</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;" class="ant-dropdown-link">
More actions <i class="anticon anticon-down"></i></a></span></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">Jim Green</a></td>
<td>42</td>
<td>London No. 1 Lake Park</td>
<td><span><div data-show="true" class="ant-tag ant-tag-blue ant-tag-zoom-enter">loser</div></span></td>
<td><span><a href="javascript:;">Invite 一 Jim Green</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;">Delete</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;" class="ant-dropdown-link">
More actions <i class="anticon anticon-down"></i></a></span></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">Joe Black</a></td>
<td>32</td>
<td>Sidney No. 1 Lake Park</td>
<td><span><div data-show="true" class="ant-tag ant-tag-blue ant-tag-zoom-enter">cool</div><div data-show="true" class="ant-tag ant-tag-blue ant-tag-zoom-enter">teacher</div></span></td>
<td><span><a href="javascript:;">Invite 一 Joe Black</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;">Delete</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;" class="ant-dropdown-link">
More actions <i 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-default ant-table-bordered">
<div class="ant-table-title">
Header
</div>
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class=""><span>Name</span></th>
<th key="money" class="column-money"><span>Cash Assets</span></th>
<th key="address" class=""><span>Address</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">John Brown</a></td>
<td class="column-money">īŋĨ300,000.00</td>
<td>New York No. 1 Lake Park</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">Jim Green</a></td>
<td class="column-money">īŋĨ1,256,000.00</td>
<td>London No. 1 Lake Park</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">Joe Black</a></td>
<td class="column-money">īŋĨ120,000.00</td>
<td>Sidney No. 1 Lake Park</td>
</tr>
</tbody>
</table>
</div>
<div class="ant-table-footer">
Footer
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-default ant-table-bordered">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col>
<col>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class=""><span>Name</span></th>
<th key="age" class=""><span>Age</span></th>
<th key="tel" colspan="2" class=""><span>Home phone</span></th>
<th key="address" class=""><span>Address</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">John Brown</a></td>
<td>32</td>
<td>0571-22098909</td>
<td>18889898989</td>
<td>New York No. 1 Lake Park</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">Jim Green</a></td>
<td>42</td>
<td>0571-22098333</td>
<td>18889898888</td>
<td>London No. 1 Lake Park</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">Joe Black</a></td>
<td>32</td>
<td rowspan="2">0575-22098909</td>
<td>18900010002</td>
<td>Sidney No. 1 Lake Park</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">Jim Red</a></td>
<td>18</td>
<!---->
<td>18900010002</td>
<td>London No. 2 Lake Park</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
<td colspan="5"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">Jake White</a></td>
<!---->
<!---->
<!---->
<!---->
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-default">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class="ant-table-column-has-filters"><span>Name<i class="anticon anticon-smile-o ant-table-filter-icon ant-dropdown-trigger" title="Filter menu" style="color: rgb(170, 170, 170);"></i></span></th>
<th key="age" class=""><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" data-row-key="1">
<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" data-row-key="2">
<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" data-row-key="3">
<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" data-row-key="4">
<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-default ant-table-bordered">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col style="width: 30%; min-width: 30%;">
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class=""><span>name</span></th>
<th key="age" class=""><span>age</span></th>
<th key="address" class=""><span>address</span></th>
<th key="operation" class=""><span>operation</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->
<div class="editable-cell">
<div class="editable-cell-text-wrapper">
Edward King 0
<i class="editable-cell-icon anticon anticon-edit"></i></div>
</div>
</td>
<td>32</td>
<td>London, Park Lane no. 0</td>
<td><a href="javascript:;" class="">Delete</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->
<div class="editable-cell">
<div class="editable-cell-text-wrapper">
Edward King 1
<i class="editable-cell-icon anticon anticon-edit"></i></div>
</div>
</td>
<td>32</td>
<td>London, Park Lane no. 1</td>
<td><a href="javascript:;" class="">Delete</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-default ant-table-bordered">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col style="width: 25%; min-width: 25%;">
<col style="width: 15%; min-width: 15%;">
<col style="width: 40%; min-width: 40%;">
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class=""><span>name</span></th>
<th key="age" class=""><span>age</span></th>
<th key="address" class=""><span>address</span></th>
<th key="operation" class=""><span>operation</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->
<div>Edrward 0</div>
</td>
<td>
<div>32</div>
</td>
<td>
<div>London Park no. 0</div>
</td>
<td>
<div class="editable-row-operations"><span><a>Edit</a></span></div>
</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->
<div>Edrward 1</div>
</td>
<td>
<div>32</div>
</td>
<td>
<div>London Park no. 1</div>
</td>
<td>
<div class="editable-row-operations"><span><a>Edit</a></span></div>
</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->
<div>Edrward 2</div>
</td>
<td>
<div>32</div>
</td>
<td>
<div>London Park no. 2</div>
</td>
<td>
<div class="editable-row-operations"><span><a>Edit</a></span></div>
</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->
<div>Edrward 3</div>
</td>
<td>
<div>32</div>
</td>
<td>
<div>London Park no. 3</div>
</td>
<td>
<div class="editable-row-operations"><span><a>Edit</a></span></div>
</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->
<div>Edrward 4</div>
</td>
<td>
<div>32</div>
</td>
<td>
<div>London Park no. 4</div>
</td>
<td>
<div class="editable-row-operations"><span><a>Edit</a></span></div>
</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->
<div>Edrward 5</div>
</td>
<td>
<div>32</div>
</td>
<td>
<div>London Park no. 5</div>
</td>
<td>
<div class="editable-row-operations"><span><a>Edit</a></span></div>
</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->
<div>Edrward 6</div>
</td>
<td>
<div>32</div>
</td>
<td>
<div>London Park no. 6</div>
</td>
<td>
<div class="editable-row-operations"><span><a>Edit</a></span></div>
</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->
<div>Edrward 7</div>
</td>
<td>
<div>32</div>
</td>
<td>
<div>London Park no. 7</div>
</td>
<td>
<div class="editable-row-operations"><span><a>Edit</a></span></div>
</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->
<div>Edrward 8</div>
</td>
<td>
<div>32</div>
</td>
<td>
<div>London Park no. 8</div>
</td>
<td>
<div class="editable-row-operations"><span><a>Edit</a></span></div>
</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->
<div>Edrward 9</div>
</td>
<td>
<div>32</div>
</td>
<td>
<div>London Park no. 9</div>
</td>
<td>
<div class="editable-row-operations"><span><a>Edit</a></span></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-default">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col class="ant-table-expand-icon-col">
<col>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="rc-table-expand-icon-cell" title="" rowspan="1" class="ant-table-expand-icon-th"></th>
<th key="name" class=""><span>Name</span></th>
<th key="age" class=""><span>Age</span></th>
<th key="address" class=""><span>Address</span></th>
<th key="x" class=""><span>Action</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td class="ant-table-row-expand-icon-cell"><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span></td>
<td>John Brown</td>
<td>32</td>
<td>New York No. 1 Lake Park</td>
<td><a href="javascript:;">Delete</a></td>
</tr>
<!---->
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td class="ant-table-row-expand-icon-cell"><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span></td>
<td>Jim Green</td>
<td>42</td>
<td>London No. 1 Lake Park</td>
<td><a href="javascript:;">Delete</a></td>
</tr>
<!---->
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td class="ant-table-row-expand-icon-cell"><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span></td>
<td>Joe Black</td>
<td>32</td>
<td>Sidney No. 1 Lake Park</td>
<td><a href="javascript:;">Delete</a></td>
</tr>
<!---->
</tbody>
</table>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-default">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col>
<col>
<col style="width: 12%; min-width: 12%;">
<col style="width: 30%; min-width: 30%;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="selection-column" class="ant-table-selection-column"><span><div class="ant-table-selection"><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label>
</div></span></th>
<th key="name" class=""><span>Name</span></th>
<th key="age" class=""><span>Age</span></th>
<th key="address" class=""><span>Address</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span>John Brown sr.</td>
<td>60</td>
<td>New York No. 1 Lake Park</td>
</tr>
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span><span class="ant-table-row-expand-icon ant-table-row-spaced"></span>Joe Black</td>
<td>32</td>
<td>Sidney No. 1 Lake Park</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-default ant-table-scroll-position-left ant-table-scroll-position-right">
<div class="ant-table-content">
<div class="ant-table-scroll">
<!---->
<div class="ant-table-body" style="overflow-x: scroll;">
<table class="ant-table-fixed" style="width: 1300px;">
<colgroup>
<col style="width: 100px; min-width: 100px;">
<col style="width: 100px; min-width: 100px;">
<col>
<col>
<col>
<col>
<col>
<col>
<col>
<col>
<col style="width: 100px; min-width: 100px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class="ant-table-fixed-columns-in-body"><span>Full Name</span></th>
<th key="age" class="ant-table-fixed-columns-in-body"><span>Age</span></th>
<th key="1" class=""><span>Column 1</span></th>
<th key="2" class=""><span>Column 2</span></th>
<th key="3" class=""><span>Column 3</span></th>
<th key="4" class=""><span>Column 4</span></th>
<th key="5" class=""><span>Column 5</span></th>
<th key="6" class=""><span>Column 6</span></th>
<th key="7" class=""><span>Column 7</span></th>
<th key="8" class=""><span>Column 8</span></th>
<th key="operation" class="ant-table-fixed-columns-in-body"><span>Action</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
<td class="ant-table-fixed-columns-in-body">32</td>
<td>New York Park</td>
<td>New York Park</td>
<td>New York Park</td>
<td>New York Park</td>
<td>New York Park</td>
<td>New York Park</td>
<td>New York Park</td>
<td>New York Park</td>
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Jim Green</td>
<td class="ant-table-fixed-columns-in-body">40</td>
<td>London Park</td>
<td>London Park</td>
<td>London Park</td>
<td>London Park</td>
<td>London Park</td>
<td>London Park</td>
<td>London Park</td>
<td>London Park</td>
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="ant-table-fixed-left">
<!---->
<div class="ant-table-body-outer">
<div class="ant-table-body-inner">
<table class="ant-table-fixed">
<colgroup>
<col style="width: 100px; min-width: 100px;">
<col style="width: 100px; min-width: 100px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class=""><span>Full Name</span></th>
<th key="age" class=""><span>Age</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
<td>32</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Jim Green</td>
<td>40</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="ant-table-fixed-right">
<!---->
<div class="ant-table-body-outer">
<div class="ant-table-body-inner">
<table class="ant-table-fixed">
<colgroup>
<col style="width: 100px; min-width: 100px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="operation" class=""><span>Action</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td><a href="javascript:;">action</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-default ant-table-scroll-position-left ant-table-scroll-position-right">
<div class="ant-table-content">
<div class="ant-table-scroll">
<div class="ant-table-header">
<table class="ant-table-fixed" style="width: 1500px;">
<colgroup>
<col style="width: 100px; min-width: 100px;">
<col style="width: 100px; min-width: 100px;">
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col>
<col style="width: 100px; min-width: 100px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class="ant-table-fixed-columns-in-body"><span>Full Name</span></th>
<th key="age" class="ant-table-fixed-columns-in-body"><span>Age</span></th>
<th key="1" class=""><span>Column 1</span></th>
<th key="2" class=""><span>Column 2</span></th>
<th key="3" class=""><span>Column 3</span></th>
<th key="4" class=""><span>Column 4</span></th>
<th key="5" class=""><span>Column 5</span></th>
<th key="6" class=""><span>Column 6</span></th>
<th key="7" class=""><span>Column 7</span></th>
<th key="8" class=""><span>Column 8</span></th>
<th key="operation" class="ant-table-fixed-columns-in-body"><span>Action</span></th>
</tr>
</thead>
</table>
</div>
<div class="ant-table-body" style="overflow-x: scroll; max-height: 300px; overflow-y: scroll;">
<table class="ant-table-fixed" style="width: 1500px;">
<colgroup>
<col style="width: 100px; min-width: 100px;">
<col style="width: 100px; min-width: 100px;">
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col>
<col style="width: 100px; min-width: 100px;">
</colgroup>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 0</td>
<td class="ant-table-fixed-columns-in-body">32</td>
<td>London Park no. 0</td>
<td>London Park no. 0</td>
<td>London Park no. 0</td>
<td>London Park no. 0</td>
<td>London Park no. 0</td>
<td>London Park no. 0</td>
<td>London Park no. 0</td>
<td>London Park no. 0</td>
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 1</td>
<td class="ant-table-fixed-columns-in-body">32</td>
<td>London Park no. 1</td>
<td>London Park no. 1</td>
<td>London Park no. 1</td>
<td>London Park no. 1</td>
<td>London Park no. 1</td>
<td>London Park no. 1</td>
<td>London Park no. 1</td>
<td>London Park no. 1</td>
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 2</td>
<td class="ant-table-fixed-columns-in-body">32</td>
<td>London Park no. 2</td>
<td>London Park no. 2</td>
<td>London Park no. 2</td>
<td>London Park no. 2</td>
<td>London Park no. 2</td>
<td>London Park no. 2</td>
<td>London Park no. 2</td>
<td>London Park no. 2</td>
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 3</td>
<td class="ant-table-fixed-columns-in-body">32</td>
<td>London Park no. 3</td>
<td>London Park no. 3</td>
<td>London Park no. 3</td>
<td>London Park no. 3</td>
<td>London Park no. 3</td>
<td>London Park no. 3</td>
<td>London Park no. 3</td>
<td>London Park no. 3</td>
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 4</td>
<td class="ant-table-fixed-columns-in-body">32</td>
<td>London Park no. 4</td>
<td>London Park no. 4</td>
<td>London Park no. 4</td>
<td>London Park no. 4</td>
<td>London Park no. 4</td>
<td>London Park no. 4</td>
<td>London Park no. 4</td>
<td>London Park no. 4</td>
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 5</td>
<td class="ant-table-fixed-columns-in-body">32</td>
<td>London Park no. 5</td>
<td>London Park no. 5</td>
<td>London Park no. 5</td>
<td>London Park no. 5</td>
<td>London Park no. 5</td>
<td>London Park no. 5</td>
<td>London Park no. 5</td>
<td>London Park no. 5</td>
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 6</td>
<td class="ant-table-fixed-columns-in-body">32</td>
<td>London Park no. 6</td>
<td>London Park no. 6</td>
<td>London Park no. 6</td>
<td>London Park no. 6</td>
<td>London Park no. 6</td>
<td>London Park no. 6</td>
<td>London Park no. 6</td>
<td>London Park no. 6</td>
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 7</td>
<td class="ant-table-fixed-columns-in-body">32</td>
<td>London Park no. 7</td>
<td>London Park no. 7</td>
<td>London Park no. 7</td>
<td>London Park no. 7</td>
<td>London Park no. 7</td>
<td>London Park no. 7</td>
<td>London Park no. 7</td>
<td>London Park no. 7</td>
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 8</td>
<td class="ant-table-fixed-columns-in-body">32</td>
<td>London Park no. 8</td>
<td>London Park no. 8</td>
<td>London Park no. 8</td>
<td>London Park no. 8</td>
<td>London Park no. 8</td>
<td>London Park no. 8</td>
<td>London Park no. 8</td>
<td>London Park no. 8</td>
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
<td class="ant-table-fixed-columns-in-body"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 9</td>
<td class="ant-table-fixed-columns-in-body">32</td>
<td>London Park no. 9</td>
<td>London Park no. 9</td>
<td>London Park no. 9</td>
<td>London Park no. 9</td>
<td>London Park no. 9</td>
<td>London Park no. 9</td>
<td>London Park no. 9</td>
<td>London Park no. 9</td>
<td class="ant-table-fixed-columns-in-body"><a href="javascript:;">action</a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="ant-table-fixed-left">
<div class="ant-table-header">
<table class="ant-table-fixed">
<colgroup>
<col style="width: 100px; min-width: 100px;">
<col style="width: 100px; min-width: 100px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class=""><span>Full Name</span></th>
<th key="age" class=""><span>Age</span></th>
</tr>
</thead>
</table>
</div>
<div class="ant-table-body-outer">
<div class="ant-table-body-inner" style="max-height: 300px; overflow-y: scroll;">
<table class="ant-table-fixed">
<colgroup>
<col style="width: 100px; min-width: 100px;">
<col style="width: 100px; min-width: 100px;">
</colgroup>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 0</td>
<td>32</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 1</td>
<td>32</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 2</td>
<td>32</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 3</td>
<td>32</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 4</td>
<td>32</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 5</td>
<td>32</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 6</td>
<td>32</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 7</td>
<td>32</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 8</td>
<td>32</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edrward 9</td>
<td>32</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="ant-table-fixed-right">
<div class="ant-table-header">
<table class="ant-table-fixed">
<colgroup>
<col style="width: 100px; min-width: 100px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="operation" class=""><span>Action</span></th>
</tr>
</thead>
</table>
</div>
<div class="ant-table-body-outer">
<div class="ant-table-body-inner" style="max-height: 300px; overflow-y: scroll;">
<table class="ant-table-fixed">
<colgroup>
<col style="width: 100px; min-width: 100px;">
</colgroup>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
<td><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
<td><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
<td><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
<td><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
<td><a href="javascript:;">action</a></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
<td><a href="javascript:;">action</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-default">
<div class="ant-table-content">
<div class="ant-table-scroll">
<div class="ant-table-header">
<table class="">
<colgroup>
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class=""><span>Name</span></th>
<th key="age" class=""><span>Age</span></th>
<th key="address" class=""><span>Address</span></th>
</tr>
</thead>
</table>
</div>
<div class="ant-table-body" style="max-height: 240px; overflow-y: scroll;">
<table class="">
<colgroup>
<col style="width: 150px; min-width: 150px;">
<col style="width: 150px; min-width: 150px;">
<col>
</colgroup>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 0</td>
<td>32</td>
<td>London, Park Lane no. 0</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 1</td>
<td>32</td>
<td>London, Park Lane no. 1</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 2</td>
<td>32</td>
<td>London, Park Lane no. 2</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 3</td>
<td>32</td>
<td>London, Park Lane no. 3</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 4</td>
<td>32</td>
<td>London, Park Lane no. 4</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 5</td>
<td>32</td>
<td>London, Park Lane no. 5</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 6</td>
<td>32</td>
<td>London, Park Lane no. 6</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 7</td>
<td>32</td>
<td>London, Park Lane no. 7</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 8</td>
<td>32</td>
<td>London, Park Lane no. 8</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 9</td>
<td>32</td>
<td>London, Park Lane no. 9</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="10">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 10</td>
<td>32</td>
<td>London, Park Lane no. 10</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="11">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 11</td>
<td>32</td>
<td>London, Park Lane no. 11</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="12">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 12</td>
<td>32</td>
<td>London, Park Lane no. 12</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="13">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 13</td>
<td>32</td>
<td>London, Park Lane no. 13</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="14">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 14</td>
<td>32</td>
<td>London, Park Lane no. 14</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="15">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 15</td>
<td>32</td>
<td>London, Park Lane no. 15</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="16">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 16</td>
<td>32</td>
<td>London, Park Lane no. 16</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="17">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 17</td>
<td>32</td>
<td>London, Park Lane no. 17</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="18">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 18</td>
<td>32</td>
<td>London, Park Lane no. 18</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="19">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 19</td>
<td>32</td>
<td>London, Park Lane no. 19</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="20">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 20</td>
<td>32</td>
<td>London, Park Lane no. 20</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="21">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 21</td>
<td>32</td>
<td>London, Park Lane no. 21</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="22">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 22</td>
<td>32</td>
<td>London, Park Lane no. 22</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="23">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 23</td>
<td>32</td>
<td>London, Park Lane no. 23</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="24">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 24</td>
<td>32</td>
<td>London, Park Lane no. 24</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="25">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 25</td>
<td>32</td>
<td>London, Park Lane no. 25</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="26">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 26</td>
<td>32</td>
<td>London, Park Lane no. 26</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="27">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 27</td>
<td>32</td>
<td>London, Park Lane no. 27</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="28">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 28</td>
<td>32</td>
<td>London, Park Lane no. 28</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="29">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 29</td>
<td>32</td>
<td>London, Park Lane no. 29</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="30">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 30</td>
<td>32</td>
<td>London, Park Lane no. 30</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="31">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 31</td>
<td>32</td>
<td>London, Park Lane no. 31</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="32">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 32</td>
<td>32</td>
<td>London, Park Lane no. 32</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="33">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 33</td>
<td>32</td>
<td>London, Park Lane no. 33</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="34">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 34</td>
<td>32</td>
<td>London, Park Lane no. 34</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="35">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 35</td>
<td>32</td>
<td>London, Park Lane no. 35</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="36">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 36</td>
<td>32</td>
<td>London, Park Lane no. 36</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="37">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 37</td>
<td>32</td>
<td>London, Park Lane no. 37</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="38">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 38</td>
<td>32</td>
<td>London, Park Lane no. 38</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="39">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 39</td>
<td>32</td>
<td>London, Park Lane no. 39</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="40">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 40</td>
<td>32</td>
<td>London, Park Lane no. 40</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="41">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 41</td>
<td>32</td>
<td>London, Park Lane no. 41</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="42">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 42</td>
<td>32</td>
<td>London, Park Lane no. 42</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="43">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 43</td>
<td>32</td>
<td>London, Park Lane no. 43</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="44">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 44</td>
<td>32</td>
<td>London, Park Lane no. 44</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="45">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 45</td>
<td>32</td>
<td>London, Park Lane no. 45</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="46">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 46</td>
<td>32</td>
<td>London, Park Lane no. 46</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="47">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 47</td>
<td>32</td>
<td>London, Park Lane no. 47</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="48">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 48</td>
<td>32</td>
<td>London, Park Lane no. 48</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="49">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 49</td>
<td>32</td>
<td>London, Park Lane no. 49</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-middle ant-table-bordered ant-table-scroll-position-left ant-table-scroll-position-right">
<div class="ant-table-content">
<div class="ant-table-scroll">
<div class="ant-table-header">
<table class="ant-table-fixed" style="width: 130%;">
<colgroup>
<col style="width: 100px; min-width: 100px;">
<col style="width: 200px; min-width: 200px;">
<col style="width: 200px; min-width: 200px;">
<col style="width: 100px; min-width: 100px;">
<col style="width: 100px; min-width: 100px;">
<col>
<col>
<col style="width: 80px; min-width: 80px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" rowspan="4" class="ant-table-fixed-columns-in-body ant-table-column-has-filters"><span>Name<i title="Filter menu" class="anticon anticon-filter ant-dropdown-trigger"></i></span></th>
<th key="1" colspan="4" class=""><span>Other</span></th>
<th key="2" colspan="2" class=""><span>Company</span></th>
<th key="gender" rowspan="4" class="ant-table-fixed-columns-in-body"><span>Gender</span></th>
</tr>
<tr>
<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" class=""><span>Address</span></th>
<th key="companyAddress" rowspan="3" class=""><span>Company Address</span></th>
<th key="companyName" rowspan="3" class=""><span>Company Name</span></th>
</tr>
<tr>
<th key="street" rowspan="2" class=""><span>Street</span></th>
<th colspan="2" class=""><span>Block</span></th>
</tr>
<tr>
<th key="building" class=""><span>Building</span></th>
<th key="number" class=""><span>Door No.</span></th>
</tr>
</thead>
</table>
</div>
<div class="ant-table-body" style="overflow-x: scroll; max-height: 240px; overflow-y: scroll;">
<table class="ant-table-fixed" style="width: 130%;">
<colgroup>
<col style="width: 100px; min-width: 100px;">
<col style="width: 200px; min-width: 200px;">
<col style="width: 200px; min-width: 200px;">
<col style="width: 100px; min-width: 100px;">
<col style="width: 100px; min-width: 100px;">
<col>
<col>
<col style="width: 80px; min-width: 80px;">
</colgroup>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td class="ant-table-fixed-columns-in-body ant-table-column-has-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 class="ant-table-fixed-columns-in-body">M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td class="ant-table-fixed-columns-in-body ant-table-column-has-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 class="ant-table-fixed-columns-in-body">M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td class="ant-table-fixed-columns-in-body ant-table-column-has-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 class="ant-table-fixed-columns-in-body">M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td class="ant-table-fixed-columns-in-body ant-table-column-has-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 class="ant-table-fixed-columns-in-body">M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
<td class="ant-table-fixed-columns-in-body ant-table-column-has-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 class="ant-table-fixed-columns-in-body">M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
<td class="ant-table-fixed-columns-in-body ant-table-column-has-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 class="ant-table-fixed-columns-in-body">M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
<td class="ant-table-fixed-columns-in-body ant-table-column-has-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 class="ant-table-fixed-columns-in-body">M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
<td class="ant-table-fixed-columns-in-body ant-table-column-has-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 class="ant-table-fixed-columns-in-body">M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
<td class="ant-table-fixed-columns-in-body ant-table-column-has-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 class="ant-table-fixed-columns-in-body">M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
<td class="ant-table-fixed-columns-in-body ant-table-column-has-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 class="ant-table-fixed-columns-in-body">M</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="ant-table-fixed-left">
<div class="ant-table-header">
<table class="ant-table-fixed">
<colgroup>
<col style="width: 100px; min-width: 100px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" rowspan="4" class="ant-table-column-has-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">
<div class="ant-table-body-inner" style="max-height: 240px; overflow-y: scroll;">
<table class="ant-table-fixed">
<colgroup>
<col style="width: 100px; min-width: 100px;">
</colgroup>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
<td class="ant-table-column-has-filters"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="ant-table-fixed-right">
<div class="ant-table-header">
<table class="ant-table-fixed">
<colgroup>
<col style="width: 80px; min-width: 80px;">
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="gender" rowspan="4" class=""><span>Gender</span></th>
</tr>
</thead>
</table>
</div>
<div class="ant-table-body-outer">
<div class="ant-table-body-inner" style="max-height: 240px; overflow-y: scroll;">
<table class="ant-table-fixed">
<colgroup>
<col style="width: 80px; min-width: 80px;">
</colgroup>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td>M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td>M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td>M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td>M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
<td>M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
<td>M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
<td>M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
<td>M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
<td>M</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
<td>M</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination mini ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-default">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class="ant-table-column-has-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" data-row-key="1">
<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" data-row-key="2">
<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" data-row-key="3">
<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" data-row-key="4">
<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-default">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col class="ant-table-expand-icon-col">
<col>
<col>
<col>
<col>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="rc-table-expand-icon-cell" title="" rowspan="1" class="ant-table-expand-icon-th"></th>
<th key="name" class=""><span>Name</span></th>
<th key="platform" class=""><span>Platform</span></th>
<th key="version" class=""><span>Version</span></th>
<th key="upgradeNum" class=""><span>Upgraded</span></th>
<th key="creator" class=""><span>Creator</span></th>
<th key="createdAt" class=""><span>Date</span></th>
<th key="operation" class=""><span>Action</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td class="ant-table-row-expand-icon-cell"><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span></td>
<td>Screem</td>
<td>iOS</td>
<td>10.3.4.5654</td>
<td>500</td>
<td>Jack</td>
<td>2014-12-24 23:12:00</td>
<td><a href="javascript:;">Publish</a></td>
</tr>
<!---->
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td class="ant-table-row-expand-icon-cell"><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span></td>
<td>Screem</td>
<td>iOS</td>
<td>10.3.4.5654</td>
<td>500</td>
<td>Jack</td>
<td>2014-12-24 23:12:00</td>
<td><a href="javascript:;">Publish</a></td>
</tr>
<!---->
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td class="ant-table-row-expand-icon-cell"><span class="ant-table-row-expand-icon ant-table-row-collapsed"></span></td>
<td>Screem</td>
<td>iOS</td>
<td>10.3.4.5654</td>
<td>500</td>
<td>Jack</td>
<td>2014-12-24 23:12:00</td>
<td><a href="javascript:;">Publish</a></td>
</tr>
<!---->
</tbody>
</table>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-default">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class="ant-table-column-has-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" data-row-key="1">
<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" data-row-key="2">
<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" data-row-key="3">
<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" data-row-key="4">
<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-default">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<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" value=""><span class="ant-checkbox-inner"></span></span></label>
</div></span></th>
<th key="name" class=""><span>Name</span></th>
<th key="age" class=""><span>Age</span></th>
<th key="address" class=""><span>Address</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input name="John Brown" type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">John Brown</a></td>
<td>32</td>
<td>New York No. 1 Lake Park</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input name="Jim Green" type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">Jim Green</a></td>
<td>42</td>
<td>London No. 1 Lake Park</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input name="Joe Black" type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">Joe Black</a></td>
<td>32</td>
<td>Sidney No. 1 Lake Park</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox ant-checkbox-disabled"><input name="Disabled User" type="checkbox" disabled="disabled" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!----><a href="javascript:;">Disabled User</a></td>
<td>99</td>
<td>Sidney No. 1 Lake Park</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-default">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<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" value=""><span class="ant-checkbox-inner"></span></span></label>
</div></span></th>
<th key="name" class=""><span>Name</span></th>
<th key="age" class=""><span>Age</span></th>
<th key="address" class=""><span>Address</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 0</td>
<td>32</td>
<td>London, Park Lane no. 0</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 1</td>
<td>32</td>
<td>London, Park Lane no. 1</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 2</td>
<td>32</td>
<td>London, Park Lane no. 2</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 3</td>
<td>32</td>
<td>London, Park Lane no. 3</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 4</td>
<td>32</td>
<td>London, Park Lane no. 4</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 5</td>
<td>32</td>
<td>London, Park Lane no. 5</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 6</td>
<td>32</td>
<td>London, Park Lane no. 6</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 7</td>
<td>32</td>
<td>London, Park Lane no. 7</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 8</td>
<td>32</td>
<td>London, Park Lane no. 8</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
<td class="ant-table-selection-column"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 9</td>
<td>32</td>
<td>London, Park Lane no. 9</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-default">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="selection-column" class="ant-table-selection-column ant-table-selection-column-custom"><span><div class="ant-table-selection"><label class="ant-checkbox-wrapper ant-table-selection-select-all-custom"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label>
<div class="ant-table-selection-down ant-dropdown-trigger"><i class="anticon anticon-down"></i></div>
</div></span></th>
<th key="name" class=""><span>Name</span></th>
<th key="age" class=""><span>Age</span></th>
<th key="address" class=""><span>Address</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="0">
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 0</td>
<td>32</td>
<td>London, Park Lane no. 0</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 1</td>
<td>32</td>
<td>London, Park Lane no. 1</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 2</td>
<td>32</td>
<td>London, Park Lane no. 2</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 3</td>
<td>32</td>
<td>London, Park Lane no. 3</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="4">
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 4</td>
<td>32</td>
<td>London, Park Lane no. 4</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="5">
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 5</td>
<td>32</td>
<td>London, Park Lane no. 5</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="6">
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 6</td>
<td>32</td>
<td>London, Park Lane no. 6</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="7">
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 7</td>
<td>32</td>
<td>London, Park Lane no. 7</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="8">
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 8</td>
<td>32</td>
<td>London, Park Lane no. 8</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="9">
<td class="ant-table-selection-column ant-table-selection-column-custom"><span><label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input" value=""><span class="ant-checkbox-inner"></span></span></label></span></td>
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Edward King 9</td>
<td>32</td>
<td>London, Park Lane no. 9</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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 class="">
<colgroup>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class=""><span>Name</span></th>
<th key="age" class=""><span>Age</span></th>
<th key="address" class=""><span>Address</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
<td>32</td>
<td>New York No. 1 Lake Park</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Jim Green</td>
<td>42</td>
<td>London No. 1 Lake Park</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Joe Black</td>
<td>32</td>
<td>Sidney No. 1 Lake Park</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination mini ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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 class="">
<colgroup>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="name" class=""><span>Name</span></th>
<th key="age" class=""><span>Age</span></th>
<th key="address" class=""><span>Address</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John Brown</td>
<td>32</td>
<td>New York No. 1 Lake Park</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Jim Green</td>
<td>42</td>
<td>London No. 1 Lake Park</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->Joe Black</td>
<td>32</td>
<td>Sidney No. 1 Lake Park</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination mini ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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-default">
<div class="ant-table-content">
<!---->
<div class="ant-table-body">
<table class="">
<colgroup>
<col>
<col>
<col>
<col>
<col>
<col>
</colgroup>
<thead class="ant-table-thead">
<tr>
<th key="0" colspan="2" class=""><span><span slot="title" style="color: rgb(24, 144, 255);">Name</span></span></th>
<th key="age" rowspan="2" class=""><span>Age</span></th>
<th key="address" rowspan="2" class=""><span>Address</span></th>
<th key="tags" rowspan="2" class=""><span>Tags</span></th>
<th key="action" rowspan="2" class=""><span>Action</span></th>
</tr>
<tr>
<th key="firstName" class=""><span><span slot="title" style="color: rgb(24, 144, 255);">First Name</span></span></th>
<th key="lastName" class=""><span>Last Name</span></th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0" data-row-key="1">
<td><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
<!---->John</td>
<td>Brown</td>
<td>32</td>
<td>New York No. 1 Lake Park</td>
<td><span><div data-show="true" class="ant-tag ant-tag-blue ant-tag-zoom-enter">nice</div><div data-show="true" class="ant-tag ant-tag-blue ant-tag-zoom-enter">developer</div></span></td>
<td><span><a href="javascript:;">Action 一 John</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;">Delete</a></span></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="2">
<td><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><div data-show="true" class="ant-tag ant-tag-blue ant-tag-zoom-enter">loser</div></span></td>
<td><span><a href="javascript:;">Action 一 Jim</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;">Delete</a></span></td>
</tr>
<tr class="ant-table-row ant-table-row-level-0" data-row-key="3">
<td><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><div data-show="true" class="ant-tag ant-tag-blue ant-tag-zoom-enter">cool</div><div data-show="true" class="ant-tag ant-tag-blue ant-tag-zoom-enter">teacher</div></span></td>
<td><span><a href="javascript:;">Action 一 Joe</a> <div class="ant-divider ant-divider-vertical"></div> <a href="javascript:;">Delete</a></span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul unselectable="unselectable" class="ant-pagination ant-table-pagination">
<li title="Previous Page" aria-disabled="true" class="ant-pagination-disabled ant-pagination-prev"><a class="ant-pagination-item-link"></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>
`;
Reference in New Issue View Git Blame Copy Permalink