mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 13:09:40 +08:00
Code Issues Actions 50 Packages Projects Releases Wiki Activity

docs: Fix drag sorter handler (#28475)

Browse Source
This commit is contained in:
二货机器人 2020-12-22 16:46:52 +08:00 committed by GitHub
parent f600026fde
commit 7bef3090d8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/table/demo/drag-sorting-handler.md
View File

@ -87,6 +87,15 @@ class SortableTable extends React.Component {
}
};
DraggableContainer = props => (
<SortableContainer
useDragHandle
helperClass="row-dragging"
onSortEnd={this.onSortEnd}
{...props}
/>
);
DraggableBodyRow = ({ className, style, ...restProps }) => {
const { dataSource } = this.state;
// function findIndex base on Table rowKey props and should always be a right array index
@ -96,14 +105,7 @@ class SortableTable extends React.Component {
render() {
const { dataSource } = this.state;
const DraggableContainer = props => (
<SortableContainer
useDragHandle
helperClass="row-dragging"
onSortEnd={this.onSortEnd}
{...props}
/>
);
return (
<Table
pagination={false}
@ -112,7 +114,7 @@ class SortableTable extends React.Component {
rowKey="index"
components={{
body: {
wrapper: DraggableContainer,
wrapper: this.DraggableContainer,
row: this.DraggableBodyRow,
},
}}