Reorder column with cookies enabled does not restore the table correctly after refresh

[mtaylor091]

Bootstraptable version(s) affected

1.21.3

Description

When using both the cookie and reorder column plugins, after you reorder a column and refresh the page the header and columns do not match up. The header of the column you dragged will be in the correct place but the row columns will be where they were originally provided.

Steps to reproduce:

1. Make a table using the cookie and reorder column plugins
2. Drag a column to a new position
3. Refresh the page
4. The header is in the new position but the row contents are in their old positions

Example(s)

https://live.bootstrap-table.com/code/mtaylor091/14910

Possible Solutions

No response

Additional Context

No response

[wenzhixin]

Remove the code (data-dragaccept="allowReorder") in your case, and it works well: https://live.bootstrap-table.com/code/wenzhixin/15806.

[mtaylor091]

Thanks for the reply @wenzhixin!

I have looked at your live example and it is still happening. I have attached a gif showing the issue on your live example:

1. Drag the Item Price column so it is the 2nd column
2. Then click run
3. After reload the Item Price header column is the 2nd column but the data is shown in the 1st column

[robertkrzuk]

Have got the same issue. Any workaround?
@wenzhixin this should labeled as BUG

[mohsin5432]

facing same issue, any luck ?

[nighttiger1990]

@wenzhixin, can you review this? @Vinidamiaop is working for resolving this at #7468