DataTable Reorder

UI Components for React
Post Reply
Ankita Singh
Posts: 2
Joined: 04 Jan 2022, 06:28

04 Jan 2022, 06:35

How can I reorder column by dragging in both directions. In the data table reorder demo only dragging columns from right to left is working.

mcandu
Posts: 107
Joined: 20 Jan 2021, 16:31

05 Jan 2022, 09:50

Looks like it's working properly. Make sure you understand reordering behaviour. You're not replacing columns. You should choose side of a column. Just move a selected column to right or left side of a column that you want. You can see the arrows when you're doing that. Play with demo a bit, you'll get it.

Ankita Singh
Posts: 2
Joined: 04 Jan 2022, 06:28

08 Jan 2022, 07:46

Thanks, mcandu for the explanation. I get it now, but I find it a bit confusing. For example - When you move first column to the right, the arrow marks appear on left of second column, user might leave cursor at that point and expect reorder. But the reorder actually happens when we move more to the right and arrows appear on left of third column.
Is there any workaround in CSS that I can do to make it more understandable for the users? Like the arrows only appear when reorder will happen. Thanks!

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests