test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-05 05:28:20 +08:00
Code Issues Actions 115 Packages Projects Releases Wiki Activity
072d860f8a
ant-design/components/table/__tests__/__snapshots__/demo.test.js.snap

10852 lines
306 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"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left"
>
<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
class=""
>
<span>
Name
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
/>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
/>
</span>
</div>
</span>
</th>
<th
class=""
>
<span>
Gender
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
<th
class=""
>
<span>
Email
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
/>
</table>
</div>
<div
class="ant-table-placeholder"
>
<span>
<i
class="anticon anticon-frown-o"
/>
暂无数据
</span>
</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-large ant-table-scroll-position-left"
>
<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
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
<th
class=""
>
<span>
Action
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
John Brown
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一 John Brown
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
Jim Green
</a>
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一 Jim Green
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
Joe Black
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一 Joe Black
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</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-large ant-table-bordered ant-table-scroll-position-left"
>
<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
class=""
>
<span>
Name
</span>
</th>
<th
class="column-money"
>
<span>
Cash Assets
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
John Brown
</a>
</td>
<td
class="column-money"
>
￥300,000.00
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
Jim Green
</a>
</td>
<td
class="column-money"
>
￥1,256,000.00
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
Joe Black
</a>
</td>
<td
class="column-money"
>
￥120,000.00
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
<div
class="ant-table-footer"
>
Footer
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</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-large ant-table-bordered ant-table-scroll-position-left"
>
<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
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
colspan="2"
>
<span>
Home phone
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
John Brown
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
0571-22098909
</td>
<td
class=""
>
18889898989
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
Jim Green
</a>
</td>
<td
class=""
>
42
</td>
<td
class=""
>
0571-22098333
</td>
<td
class=""
>
18889898888
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
Joe Black
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
rowspan="2"
>
0575-22098909
</td>
<td
class=""
>
18900010002
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
Jim Red
</a>
</td>
<td
class=""
>
18
</td>
<td
class=""
>
18900010002
</td>
<td
class=""
>
London No. 2 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
colspan="5"
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
Jake White
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</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-large ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Name
<i
class="anticon anticon-smile-o ant-table-filter-icon ant-dropdown-trigger"
style="color:#aaa;"
title="筛选"
/>
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Joe Black
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Jim Green
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Jim Red
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London No. 2 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
<div>
<div
class="components-table-demo-control-bar"
>
<form
class="ant-form ant-form-inline"
>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Bordered"
>
Bordered
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control "
>
<span
class="ant-switch"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="loading"
>
loading
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control "
>
<span
class="ant-switch"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Pagination"
>
Pagination
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control "
>
<span
checked=""
class="ant-switch ant-switch-checked"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Title"
>
Title
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control "
>
<span
checked=""
class="ant-switch ant-switch-checked"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Column Header"
>
Column Header
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control "
>
<span
checked=""
class="ant-switch ant-switch-checked"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Footer"
>
Footer
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control "
>
<span
checked=""
class="ant-switch ant-switch-checked"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Expandable"
>
Expandable
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control "
>
<span
checked=""
class="ant-switch ant-switch-checked"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Checkbox"
>
Checkbox
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control "
>
<span
checked=""
class="ant-switch ant-switch-checked"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Fixed Header"
>
Fixed Header
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control "
>
<span
class="ant-switch"
tabindex="0"
>
<span
class="ant-switch-inner"
/>
</span>
</div>
</div>
</div>
<div
class="ant-row ant-form-item"
>
<div
class="ant-form-item-label"
>
<label
class=""
title="Size"
>
Size
</label>
</div>
<div
class="ant-form-item-control-wrapper"
>
<div
class="ant-form-item-control "
>
<div
class="ant-radio-group ant-radio-group-default"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Default
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Middle
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Small
</span>
</label>
</div>
</div>
</div>
</div>
</form>
</div>
<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"
>
<div
class="ant-table-title"
>
Here is title
</div>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col
class="ant-table-expand-icon-col"
/>
<col />
<col
style="width:150px;min-width:150px;"
/>
<col
style="width:70px;min-width:70px;"
/>
<col />
<col
style="width:360px;min-width:360px;"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-expand-icon-th"
rowspan="1"
title=""
/>
<th
class="ant-table-selection-column"
>
<span>
<div
class="ant-table-selection"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</div>
</span>
</th>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
<th
class=""
>
<span>
Action
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="#"
>
John Brown
</a>
</td>
<td
class=""
>
12
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一 John Brown
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="#"
>
John Brown
</a>
</td>
<td
class=""
>
22
</td>
<td
class=""
>
New York No. 2 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一 John Brown
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="#"
>
John Brown
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 3 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一 John Brown
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="#"
>
John Brown
</a>
</td>
<td
class=""
>
42
</td>
<td
class=""
>
New York No. 4 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一 John Brown
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="#"
>
John Brown
</a>
</td>
<td
class=""
>
52
</td>
<td
class=""
>
New York No. 5 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一 John Brown
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="#"
>
John Brown
</a>
</td>
<td
class=""
>
62
</td>
<td
class=""
>
New York No. 6 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一 John Brown
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="#"
>
John Brown
</a>
</td>
<td
class=""
>
72
</td>
<td
class=""
>
New York No. 7 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一 John Brown
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="#"
>
John Brown
</a>
</td>
<td
class=""
>
82
</td>
<td
class=""
>
New York No. 8 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一 John Brown
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="#"
>
John Brown
</a>
</td>
<td
class=""
>
92
</td>
<td
class=""
>
New York No. 9 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一 John Brown
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<a
href="#"
>
John Brown
</a>
</td>
<td
class=""
>
102
</td>
<td
class=""
>
New York No. 10 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一 John Brown
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="ant-table-footer"
>
Here is footer
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
</ul>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
<div>
<button
class="ant-btn editable-add-btn"
type="button"
>
<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-large ant-table-bordered ant-table-scroll-position-left"
>
<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
class=""
>
<span>
name
</span>
</th>
<th
class=""
>
<span>
age
</span>
</th>
<th
class=""
>
<span>
address
</span>
</th>
<th
class=""
>
<span>
operation
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<div
class="editable-cell"
>
<div
class="editable-cell-text-wrapper"
>
Edward King 0
<i
class="anticon anticon-edit editable-cell-icon"
/>
</div>
</div>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 0
</td>
<td
class=""
>
<a
href="#"
>
Delete
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<div
class="editable-cell"
>
<div
class="editable-cell-text-wrapper"
>
Edward King 1
<i
class="anticon anticon-edit editable-cell-icon"
/>
</div>
</div>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 1
</td>
<td
class=""
>
<a
href="#"
>
Delete
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</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-large ant-table-bordered ant-table-scroll-position-left"
>
<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
class=""
>
<span>
name
</span>
</th>
<th
class=""
>
<span>
age
</span>
</th>
<th
class=""
>
<span>
address
</span>
</th>
<th
class=""
>
<span>
operation
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<div>
<div
class="editable-row-text"
>
Edward King 0
</div>
</div>
</td>
<td
class=""
>
<div>
<div
class="editable-row-text"
>
32
</div>
</div>
</td>
<td
class=""
>
London, Park Lane no. 0
</td>
<td
class=""
>
<div
class="editable-row-operations"
>
<span>
<a>
Edit
</a>
</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</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-large ant-table-scroll-position-left"
>
<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
class="ant-table-expand-icon-th"
rowspan="1"
title=""
/>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
<th
class=""
>
<span>
Action
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class=""
>
John Brown
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
<td
class=""
>
<a
href="#"
>
Delete
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class=""
>
Jim Green
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
<td
class=""
>
<a
href="#"
>
Delete
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class=""
>
Joe Black
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
<td
class=""
>
<a
href="#"
>
Delete
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</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-large ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col
style="width:40%;min-width:40%;"
/>
<col
style="width:30%;min-width:30%;"
/>
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class="ant-table-selection-column"
>
<span>
<div
class="ant-table-selection"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</div>
</span>
</th>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
John Brown sr.
</td>
<td
class=""
>
60
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-1"
style="display:none;"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-1"
style="padding-left:20px;"
/>
<span
class="ant-table-row-expand-icon ant-table-row-spaced"
/>
John Brown
</td>
<td
class=""
>
42
</td>
<td
class=""
>
New York No. 2 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-1"
style="display:none;"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-1"
style="padding-left:20px;"
/>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
John Brown jr.
</td>
<td
class=""
>
30
</td>
<td
class=""
>
New York No. 3 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-2"
style="display:none;"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-2"
style="padding-left:40px;"
/>
<span
class="ant-table-row-expand-icon ant-table-row-spaced"
/>
Jimmy Brown
</td>
<td
class=""
>
16
</td>
<td
class=""
>
New York No. 3 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-1"
style="display:none;"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-1"
style="padding-left:20px;"
/>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
Jim Green sr.
</td>
<td
class=""
>
72
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-2"
style="display:none;"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-2"
style="padding-left:40px;"
/>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
Jim Green
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 2 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-3"
style="display:none;"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-3"
style="padding-left:60px;"
/>
<span
class="ant-table-row-expand-icon ant-table-row-spaced"
/>
Jim Green jr.
</td>
<td
class=""
>
25
</td>
<td
class=""
>
London No. 3 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-3"
style="display:none;"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-3"
style="padding-left:60px;"
/>
<span
class="ant-table-row-expand-icon ant-table-row-spaced"
/>
Jimmy Green sr.
</td>
<td
class=""
>
18
</td>
<td
class=""
>
London No. 4 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<span
class="ant-table-row-expand-icon ant-table-row-spaced"
/>
Joe Black
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</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-large ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-scroll"
>
<div
class="ant-table-body"
style="overflow-x:auto;"
>
<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
class=""
>
<span>
Full Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Column 1
</span>
</th>
<th
class=""
>
<span>
Column 2
</span>
</th>
<th
class=""
>
<span>
Column 3
</span>
</th>
<th
class=""
>
<span>
Column 4
</span>
</th>
<th
class=""
>
<span>
Column 5
</span>
</th>
<th
class=""
>
<span>
Column 6
</span>
</th>
<th
class=""
>
<span>
Column 7
</span>
</th>
<th
class=""
>
<span>
Column 8
</span>
</th>
<th
class=""
>
<span>
Action
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
New York Park
</td>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Jim Green
</td>
<td
class=""
>
40
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
London Park
</td>
<td
class=""
>
<a
href="#"
>
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
class=""
>
<span>
Full Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Jim Green
</td>
<td
class=""
>
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
class=""
>
<span>
Action
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</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-large ant-table-fixed-header ant-table-scroll-position-left"
>
<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
class=""
>
<span>
Full Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Column 1
</span>
</th>
<th
class=""
>
<span>
Column 2
</span>
</th>
<th
class=""
>
<span>
Column 3
</span>
</th>
<th
class=""
>
<span>
Column 4
</span>
</th>
<th
class=""
>
<span>
Column 5
</span>
</th>
<th
class=""
>
<span>
Column 6
</span>
</th>
<th
class=""
>
<span>
Column 7
</span>
</th>
<th
class=""
>
<span>
Column 8
</span>
</th>
<th
class=""
>
<span>
Action
</span>
</th>
</tr>
</thead>
</table>
</div>
<div
class="ant-table-body"
style="overflow-x:auto;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"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 0
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
London Park no. 0
</td>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 1
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
London Park no. 1
</td>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 2
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
London Park no. 2
</td>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 3
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
London Park no. 3
</td>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 4
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
London Park no. 4
</td>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 5
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
London Park no. 5
</td>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 6
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
London Park no. 6
</td>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 7
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
London Park no. 7
</td>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 8
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
London Park no. 8
</td>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 9
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
London Park no. 9
</td>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div
class="ant-table-fixed-left"
>
<div
class="ant-table-header"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
style="width:100px;min-width:100px;"
/>
<col
style="width:100px;min-width:100px;"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Full Name
</span>
</th>
<th
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"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 0
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 1
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 2
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 3
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 4
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 5
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 6
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 7
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 8
</td>
<td
class=""
>
32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edrward 9
</td>
<td
class=""
>
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
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"
>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<a
href="#"
>
action
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
tabindex="0"
title="2"
>
<a>
2
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-3"
tabindex="0"
title="3"
>
<a>
3
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-4"
tabindex="0"
title="4"
>
<a>
4
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
tabindex="0"
title="5"
>
<a>
5
</a>
</li>
<li
class="ant-pagination-jump-next"
tabindex="0"
title="向后 5 页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-10"
tabindex="0"
title="10"
>
<a>
10
</a>
</li>
<li
aria-disabled="false"
class=" ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</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-large ant-table-fixed-header ant-table-scroll-position-left"
>
<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
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
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"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 0
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 0
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 1
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 1
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 2
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 2
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 3
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 3
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 4
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 4
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 5
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 5
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 6
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 6
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 7
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 7
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 8
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 8
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 9
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 9
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 10
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 10
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 11
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 11
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 12
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 12
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 13
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 13
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 14
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 14
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 15
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 15
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 16
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 16
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 17
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 17
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 18
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 18
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 19
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 19
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 20
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 20
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 21
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 21
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 22
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 22
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 23
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 23
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 24
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 24
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 25
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 25
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 26
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 26
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 27
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 27
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 28
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 28
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 29
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 29
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 30
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 30
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 31
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 31
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 32
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 32
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 33
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 33
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 34
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 34
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 35
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 35
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 36
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 36
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 37
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 37
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 38
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 38
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 39
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 39
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 40
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 40
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 41
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 41
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 42
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 42
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 43
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 43
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 44
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 44
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 45
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 45
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 46
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 46
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 47
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 47
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 48
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 48
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 49
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 49
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
tabindex="0"
title="2"
>
<a>
2
</a>
</li>
<li
aria-disabled="false"
class=" ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</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-middle ant-table-bordered ant-table-fixed-header ant-table-scroll-position-left"
>
<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:60px;min-width:60px;"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
rowspan="4"
>
<span>
Name
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
<th
class=""
colspan="4"
>
<span>
Other
</span>
</th>
<th
class=""
colspan="2"
>
<span>
Company
</span>
</th>
<th
class=""
rowspan="4"
>
<span>
Gender
</span>
</th>
</tr>
<tr>
<th
class=""
rowspan="3"
>
<span>
Age
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
/>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
/>
</span>
</div>
</span>
</th>
<th
class=""
colspan="3"
>
<span>
Address
</span>
</th>
<th
class=""
rowspan="3"
>
<span>
Company Address
</span>
</th>
<th
class=""
rowspan="3"
>
<span>
Company Name
</span>
</th>
</tr>
<tr>
<th
class=""
rowspan="2"
>
<span>
Street
</span>
</th>
<th
class=""
colspan="2"
>
<span>
Block
</span>
</th>
</tr>
<tr>
<th
class=""
>
<span>
Building
</span>
</th>
<th
class=""
>
<span>
Door No.
</span>
</th>
</tr>
</thead>
</table>
</div>
<div
class="ant-table-body"
style="overflow-x:auto;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:60px;min-width:60px;"
/>
</colgroup>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
1
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
2
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
3
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
4
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
5
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
6
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
7
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
8
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
9
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
10
</td>
<td
class=""
>
Lake Park
</td>
<td
class=""
>
C
</td>
<td
class=""
>
2035
</td>
<td
class=""
>
Lake Street 42
</td>
<td
class=""
>
SoftLake Co
</td>
<td
class=""
>
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
class=""
rowspan="4"
>
<span>
Name
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</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"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div
class="ant-table-fixed-right"
>
<div
class="ant-table-header"
>
<table
class="ant-table-fixed"
>
<colgroup>
<col
style="width:60px;min-width:60px;"
/>
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
rowspan="4"
>
<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:60px;min-width:60px;"
/>
</colgroup>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
M
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
M
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination mini"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
tabindex="0"
title="2"
>
<a>
2
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-3"
tabindex="0"
title="3"
>
<a>
3
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-4"
tabindex="0"
title="4"
>
<a>
4
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
tabindex="0"
title="5"
>
<a>
5
</a>
</li>
<li
class="ant-pagination-jump-next"
tabindex="0"
title="向后 5 页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-10"
tabindex="0"
title="10"
>
<a>
10
</a>
</li>
<li
aria-disabled="false"
class=" ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</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-large ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Name
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
/>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
/>
</span>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
<th
class=""
>
<span>
Age
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
/>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
/>
</span>
</div>
</span>
</th>
<th
class=""
>
<span>
Address
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
/>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
/>
</span>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Jim Green
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Joe Black
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Jim Red
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London No. 2 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/jsx.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-large ant-table-scroll-position-left"
>
<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
class=""
colspan="2"
>
<span>
Name
</span>
</th>
<th
class=""
rowspan="2"
>
<span>
Age
</span>
</th>
<th
class=""
rowspan="2"
>
<span>
Address
</span>
</th>
<th
class=""
rowspan="2"
>
<span>
Action
</span>
</th>
</tr>
<tr>
<th
class=""
>
<span>
First Name
</span>
</th>
<th
class=""
>
<span>
Last Name
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John
</td>
<td
class=""
>
Brown
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Jim
</td>
<td
class=""
>
Green
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Joe
</td>
<td
class=""
>
Black
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
<td
class=""
>
<span>
<a
href="#"
>
Action 一
</a>
<span
class="ant-divider"
/>
<a
href="#"
>
Delete
</a>
<span
class="ant-divider"
/>
<a
class="ant-dropdown-link"
href="#"
>
More actions
<i
class="anticon anticon-down"
/>
</a>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/nested-table.md correctly 1`] = `
<div
class="ant-table-wrapper components-table-demo-nested"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-large ant-table-scroll-position-left"
>
<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
class="ant-table-expand-icon-th"
rowspan="1"
title=""
/>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Platform
</span>
</th>
<th
class=""
>
<span>
Version
</span>
</th>
<th
class=""
>
<span>
Upgraded
</span>
</th>
<th
class=""
>
<span>
Creator
</span>
</th>
<th
class=""
>
<span>
Date
</span>
</th>
<th
class=""
>
<span>
Action
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class=""
>
Screem
</td>
<td
class=""
>
iOS
</td>
<td
class=""
>
10.3.4.5654
</td>
<td
class=""
>
500
</td>
<td
class=""
>
Jack
</td>
<td
class=""
>
2014-12-24 23:12:00
</td>
<td
class=""
>
<a
href="#"
>
Publish
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class=""
>
Screem
</td>
<td
class=""
>
iOS
</td>
<td
class=""
>
10.3.4.5654
</td>
<td
class=""
>
500
</td>
<td
class=""
>
Jack
</td>
<td
class=""
>
2014-12-24 23:12:00
</td>
<td
class=""
>
<a
href="#"
>
Publish
</a>
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-row-expand-icon-cell"
>
<span
class="ant-table-row-expand-icon ant-table-row-collapsed"
/>
</td>
<td
class=""
>
Screem
</td>
<td
class=""
>
iOS
</td>
<td
class=""
>
10.3.4.5654
</td>
<td
class=""
>
500
</td>
<td
class=""
>
Jack
</td>
<td
class=""
>
2014-12-24 23:12:00
</td>
<td
class=""
>
<a
href="#"
>
Publish
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
<div>
<div
class="table-operations"
>
<button
class="ant-btn"
type="button"
>
<span>
Sort age
</span>
</button>
<button
class="ant-btn"
type="button"
>
<span>
Clear filters
</span>
</button>
<button
class="ant-btn"
type="button"
>
<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-large ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Name
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
/>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
/>
</span>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
<th
class=""
>
<span>
Age
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
/>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
/>
</span>
</div>
</span>
</th>
<th
class=""
>
<span>
Address
<div
class="ant-table-column-sorter"
>
<span
class="ant-table-column-sorter-up off"
title="↑"
>
<i
class="anticon anticon-caret-up"
/>
</span>
<span
class="ant-table-column-sorter-down off"
title="↓"
>
<i
class="anticon anticon-caret-down"
/>
</span>
</div>
<i
class="anticon anticon-filter ant-dropdown-trigger"
title="筛选"
/>
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Jim Green
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Joe Black
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Jim Red
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London No. 2 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</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-large ant-table-scroll-position-left"
>
<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
class="ant-table-selection-column"
>
<span>
<div
class="ant-table-selection"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</div>
</span>
</th>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
John Brown
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
Jim Green
</a>
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
Joe Black
</a>
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox ant-checkbox-disabled"
>
<input
class="ant-checkbox-input"
disabled=""
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
<a
href="#"
>
Disabled User
</a>
</td>
<td
class=""
>
99
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/row-selection-and-operation.md correctly 1`] = `
<div>
<div
style="margin-bottom:16px;"
>
<button
class="ant-btn ant-btn-primary"
disabled=""
type="button"
>
<span>
Reload
</span>
</button>
<span
style="margin-left:8px;"
/>
</div>
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-large ant-table-scroll-position-left"
>
<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
class="ant-table-selection-column"
>
<span>
<div
class="ant-table-selection"
>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</div>
</span>
</th>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 0
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 0
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 1
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 1
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 2
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 2
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 3
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 3
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 4
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 4
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 5
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 5
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 6
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 6
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 7
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 7
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 8
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 8
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 9
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 9
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
tabindex="0"
title="2"
>
<a>
2
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-3"
tabindex="0"
title="3"
>
<a>
3
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-4"
tabindex="0"
title="4"
>
<a>
4
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-5"
tabindex="0"
title="5"
>
<a>
5
</a>
</li>
<li
aria-disabled="false"
class=" ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</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-large ant-table-scroll-position-left"
>
<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
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<div
class="ant-table-selection"
>
<label
class="ant-table-selection-select-all-custom ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
<div
class="ant-table-selection-down ant-dropdown-trigger"
>
<i
class="anticon anticon-down"
/>
</div>
</div>
</span>
</th>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 0
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 0
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 1
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 1
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 2
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 2
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 3
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 3
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 4
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 4
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 5
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 5
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 6
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 6
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 7
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 7
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 8
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 8
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class="ant-table-selection-column ant-table-selection-column-custom"
>
<span>
<label
class="ant-checkbox-wrapper"
>
<span
class="ant-checkbox"
>
<input
class="ant-checkbox-input"
type="checkbox"
/>
<span
class="ant-checkbox-inner"
/>
</span>
</label>
</span>
</td>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Edward King 9
</td>
<td
class=""
>
32
</td>
<td
class=""
>
London, Park Lane no. 9
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
tabindex="0"
title="2"
>
<a>
2
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-3"
tabindex="0"
title="3"
>
<a>
3
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-4"
tabindex="0"
title="4"
>
<a>
4
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-5"
tabindex="0"
title="5"
>
<a>
5
</a>
</li>
<li
aria-disabled="false"
class=" ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
</ul>
</div>
</div>
</div>
`;
exports[`renders ./components/table/demo/size.md correctly 1`] = `
<div>
<h4>
Middle size table
</h4>
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-middle ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Jim Green
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Joe Black
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination mini"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
</ul>
</div>
</div>
</div>
<h4>
Small size table
</h4>
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table ant-table-small ant-table-scroll-position-left"
>
<div
class="ant-table-content"
>
<div
class="ant-table-body"
>
<table
class=""
>
<colgroup>
<col />
<col />
<col />
</colgroup>
<thead
class="ant-table-thead"
>
<tr>
<th
class=""
>
<span>
Name
</span>
</th>
<th
class=""
>
<span>
Age
</span>
</th>
<th
class=""
>
<span>
Address
</span>
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
John Brown
</td>
<td
class=""
>
32
</td>
<td
class=""
>
New York No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Jim Green
</td>
<td
class=""
>
42
</td>
<td
class=""
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
>
<td
class=""
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
Joe Black
</td>
<td
class=""
>
32
</td>
<td
class=""
>
Sidney No. 1 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination mini"
unselectable="unselectable"
>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-prev"
tabindex="0"
title="上一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-disabled ant-pagination-next"
tabindex="0"
title="下一页"
>
<a
class="ant-pagination-item-link"
/>
</li>
</ul>
</div>
</div>
</div>
</div>
`;
Reference in New Issue View Git Blame Copy Permalink