test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-03 20:49:14 +08:00
Code Issues Actions 100 Packages Projects Releases Wiki Activity
758559f718
ant-design/components/table/__tests__/__snapshots__/demo.test.js.snap
Benjy Cui 758559f718 test: update snapshots
2017-02-28 16:14:53 +08:00

7922 lines
243 KiB
Plaintext
Raw Blame History

exports[`test 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[`test 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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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-filter ant-dropdown-trigger"
title="筛选" />
</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>
<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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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>
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<input
class="ant-checkbox-input"
type="checkbox" />
<span
class="ant-checkbox-inner" />
</span>
</label>
</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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
</div>
`;
exports[`test 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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
</div>
`;
exports[`test 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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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>
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<input
class="ant-checkbox-input"
type="checkbox" />
<span
class="ant-checkbox-inner" />
</span>
</label>
</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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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"
style="height:300px;">
<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>
<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"
style="height:300px;">
<div
class="ant-table-body-inner">
<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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
title="2">
<a>
2
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-3"
title="3">
<a>
3
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-4"
title="4">
<a>
4
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
title="5">
<a>
5
</a>
</li>
<li
class="ant-pagination-jump-next"
title="向后 5 页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-10"
title="10">
<a>
10
</a>
</li>
<li
class=" ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
title="2">
<a>
2
</a>
</li>
<li
class=" ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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:1010px;">
<colgroup>
<col
style="width:100px;min-width:100px;" />
<col
style="width:100px;min-width:100px;" />
<col
style="width:200px;min-width:200px;" />
<col
style="width:50px;min-width:50px;" />
<col
style="width:100px;min-width:100px;" />
<col
style="width:200px;min-width:200px;" />
<col
style="width:200px;min-width:200px;" />
<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:1010px;">
<colgroup>
<col
style="width:100px;min-width:100px;" />
<col
style="width:100px;min-width:100px;" />
<col
style="width:200px;min-width:200px;" />
<col
style="width:50px;min-width:50px;" />
<col
style="width:100px;min-width:100px;" />
<col
style="width:200px;min-width:200px;" />
<col
style="width:200px;min-width:200px;" />
<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"
style="height:240px;">
<div
class="ant-table-body-inner">
<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"
style="height:240px;">
<div
class="ant-table-body-inner">
<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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
title="2">
<a>
2
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-3"
title="3">
<a>
3
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-4"
title="4">
<a>
4
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
title="5">
<a>
5
</a>
</li>
<li
class="ant-pagination-jump-next"
title="向后 5 页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-10"
title="10">
<a>
10
</a>
</li>
<li
class=" ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
</div>
`;
exports[`test 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>
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<input
class="ant-checkbox-input"
type="checkbox" />
<span
class="ant-checkbox-inner" />
</span>
</label>
</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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
`;
exports[`test 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>
<label
class="ant-checkbox-wrapper">
<span
class="ant-checkbox">
<input
class="ant-checkbox-input"
type="checkbox" />
<span
class="ant-checkbox-inner" />
</span>
</label>
</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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-2"
title="2">
<a>
2
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-3"
title="3">
<a>
3
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-4"
title="4">
<a>
4
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-5"
title="5">
<a>
5
</a>
</li>
<li
class=" ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
</div>
`;
exports[`test 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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
<h4>
Small size table
</h4>
<div
class="ant-table-wrapper">
<div
class="ant-spin-nested-loading">
<div
class="ant-spin-container">
<div
class="ant-table ant-table-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
class="ant-pagination-disabled ant-pagination-prev"
title="上一页">
<a />
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
title="1">
<a>
1
</a>
</li>
<li
class="ant-pagination-disabled ant-pagination-next"
title="下一页">
<a />
</li>
</ul>
</div>
</div>
</div>
</div>
`;
Reference in New Issue View Git Blame Copy Permalink