ReactJs Drag and Drag

Vấn đề của mình là thế này:

Mình đang có 2 table, một chứa danh sách các học viên (table 1) , bảng thứ 2 (table 2) là danh sách các học viên sẽ được chọn từ Table1 bằng cách kéo thả qua. Và mình muốn trước khi kéo thả mình có thể checkbox để select multiple rồi kéo được nhiều row cùng một lúc.

Và hình thức kéo thả ở đây chỉ là Copy thôi, tức là dữ liệu ở Table 1 phải còn nguyên vẹn chứ không bị mất , trong Table 2 mình có thể thực hiện các thao tác như : drag-drop giữa các row, hoặc giữa các columns và mình có thể edit trực tiếp trên table

Hiện để quản lý các table mình đang dùng thư viện ant-design và trong Docs của nó phần thir-party có đề xuất thằng react-beautiful-dnd để hỗ trợ kéo thả.

Mình đã tìm hiểu qua nhưng nó ít tài liệu hướng dẫn quá và giường như nó không hô trợ trong tình huống này của mình.

Không biết ở đây mọi người có từng gặp phải bài toán như mình chưa xin giúp đỡ mình với.

Tks tất cả ae !