Bootstrap-Table column reorder mismatch when paging

[carolinatree]

https://live.bootstrap-table.com/code/carolinatree/10576

I'm developing a dashboard list that uses this bootstrap table with the reorder columns extension coupled with jquery.ui and dragtable.js

The table is successfully loaded with the requested column order which is personalized per person. All the paging works and it looks good. But when I use my filter to let them choose to move columns or hide/show them, when moving to the next page, the column order is different than the header columns which moved successfully when they were filtered.

Dashboard loads correct order of columns using object list from the db. User clicks filter and moves a column. The page they are on appears correct. User clicks to the next page or show all rows and the data rows (not the header) revert back to the original order.

The header and data are mismatched.

[mgol]

Thanks for the report. Does the issue you describe exist when jQuery UI 1.12.1 is used or only with jQuery UI 1.13.0 or newer?

[fnagel]

I don't think this is an issue of jQuery UI but the Bootstrap Table Plugin.

If so, please ask for help here: https://github.com/wenzhixin/bootstrap-table

[carolinatree]

I'm using jQuery UI - v1.12.1 - 2016-09-14.

Boostrap-Table github explicitly states that questions about this plugin should be directed dragtable and jQuery UI https://github.com/wenzhixin/bootstrap-table/blob/0f6bccdd2701b1480590a50a447fbd9d241f8574/CONTRIBUTING.md

[fnagel]

Boostrap-Table github explicitly states that questions about this plugin should be directed dragtable and jQuery UI

That is interesting at least.

We would need a minimal example of the error with jQuery UI only. We cannot provide support for other plugins.