Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

docs: add drag column sorting demo #48434

Merged
merged 15 commits into from Apr 29, 2024
Merged

docs: add drag column sorting demo #48434

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
3dc4d0c
docs(table): add drag column sorting demo
GeorgeHcc Apr 13, 2024
be1a30e
update test snap
GeorgeHcc Apr 13, 2024
50e3e97
chore: add script to adapt os memory
GeorgeHcc Apr 13, 2024
20c5242
Revert "update test snap"
GeorgeHcc Apr 13, 2024
237a91b
revert
GeorgeHcc Apr 13, 2024
6bfa552
revert
GeorgeHcc Apr 13, 2024
5fb9cc6
snap
GeorgeHcc Apr 14, 2024
937a811
Merge branch 'master' into master
afc163 Apr 15, 2024
3e5709f
Merge branch 'ant-design:master' into master
GeorgeHcc Apr 16, 2024
8215444
add more column data
GeorgeHcc Apr 16, 2024
a678f5b
update snap
GeorgeHcc Apr 16, 2024
cf7d457
chore: column drag style
GeorgeHcc Apr 19, 2024
ad17b30
update snap
GeorgeHcc Apr 19, 2024
b9481cf
Merge branch 'ant-design:master' into master
GeorgeHcc Apr 19, 2024
fa0bfdf
chore: optimize code
GeorgeHcc Apr 20, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
345 changes: 345 additions & 0 deletions components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
View file
Open in desktop
Expand Up @@ -4104,6 +4104,351 @@ exports[`renders components/table/demo/custom-filter-panel.tsx extend context co

exports[`renders components/table/demo/custom-filter-panel.tsx extend context correctly 2`] = `[]`;

exports[`renders components/table/demo/drag-column-sorting.tsx extend context correctly 1`] = `
Array [
<div
class="ant-table-wrapper"
>
<div
class="ant-spin-nested-loading"
>
<div
class="ant-spin-container"
>
<div
class="ant-table"
>
<div
class="ant-table-container"
>
<div
class="ant-table-content"
>
<table
style="table-layout: auto;"
>
<colgroup />
<thead
class="ant-table-thead"
>
<tr>
<th
aria-describedby="DndDescribedBy-5"
aria-disabled="false"
aria-roledescription="sortable"
class="ant-table-cell"
id="0"
role="button"
scope="col"
style="cursor: move;"
tabindex="0"
>
Name
</th>
<th
aria-describedby="DndDescribedBy-5"
aria-disabled="false"
aria-roledescription="sortable"
class="ant-table-cell"
id="1"
role="button"
scope="col"
style="cursor: move;"
tabindex="0"
>
Gender
</th>
<th
aria-describedby="DndDescribedBy-5"
aria-disabled="false"
aria-roledescription="sortable"
class="ant-table-cell"
id="2"
role="button"
scope="col"
style="cursor: move;"
tabindex="0"
>
Age
</th>
<th
aria-describedby="DndDescribedBy-5"
aria-disabled="false"
aria-roledescription="sortable"
class="ant-table-cell"
id="3"
role="button"
scope="col"
style="cursor: move;"
tabindex="0"
>
Email
</th>
<th
aria-describedby="DndDescribedBy-5"
aria-disabled="false"
aria-roledescription="sortable"
class="ant-table-cell"
id="4"
role="button"
scope="col"
style="cursor: move;"
tabindex="0"
>
Address
</th>
</tr>
</thead>
<tbody
class="ant-table-tbody"
>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="1"
>
<td
class="ant-table-cell"
id="0"
>
John Brown
</td>
<td
class="ant-table-cell"
id="1"
>
male
</td>
<td
class="ant-table-cell"
id="2"
>
32
</td>
<td
class="ant-table-cell"
id="3"
>
John Brown@example.com
</td>
<td
class="ant-table-cell"
id="4"
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="2"
>
<td
class="ant-table-cell"
id="0"
>
Jim Green
</td>
<td
class="ant-table-cell"
id="1"
>
female
</td>
<td
class="ant-table-cell"
id="2"
>
42
</td>
<td
class="ant-table-cell"
id="3"
>
jimGreen@example.com
</td>
<td
class="ant-table-cell"
id="4"
>
London No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="3"
>
<td
class="ant-table-cell"
id="0"
>
Joe Black
</td>
<td
class="ant-table-cell"
id="1"
>
female
</td>
<td
class="ant-table-cell"
id="2"
>
32
</td>
<td
class="ant-table-cell"
id="3"
>
JoeBlack@example.com
</td>
<td
class="ant-table-cell"
id="4"
>
Sidney No. 1 Lake Park
</td>
</tr>
<tr
class="ant-table-row ant-table-row-level-0"
data-row-key="4"
>
<td
class="ant-table-cell"
id="0"
>
George Hcc
</td>
<td
class="ant-table-cell"
id="1"
>
male
</td>
<td
class="ant-table-cell"
id="2"
>
20
</td>
<td
class="ant-table-cell"
id="3"
>
george@example.com
</td>
<td
class="ant-table-cell"
id="4"
>
Sidney No. 1 Lake Park
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<ul
class="ant-pagination ant-table-pagination ant-table-pagination-right"
>
<li
aria-disabled="true"
class="ant-pagination-prev ant-pagination-disabled"
title="Previous Page"
>
<button
class="ant-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<svg
aria-hidden="true"
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
tabindex="0"
title="1"
>
<a
rel="nofollow"
>
1
</a>
</li>
<li
aria-disabled="true"
class="ant-pagination-next ant-pagination-disabled"
title="Next Page"
>
<button
class="ant-pagination-item-link"
disabled=""
tabindex="-1"
type="button"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<svg
aria-hidden="true"
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
</li>
</ul>
</div>
</div>
</div>,
<div
id="DndDescribedBy-5"
style="display: none;"
>
To pick up a draggable item, press the space bar.
While dragging, use the arrow keys to move the item.
Press space again to drop the item in its new position, or press escape to cancel.
</div>,
<div
aria-atomic="true"
aria-live="assertive"
id="DndLiveRegion-5"
role="status"
style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
/>,
]
`;

exports[`renders components/table/demo/drag-column-sorting.tsx extend context correctly 2`] = `[]`;

exports[`renders components/table/demo/drag-sorting.tsx extend context correctly 1`] = `
Array [
<div
Expand Down