Bootstrap-Table column reorder mismatch when paging
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 11.3k
- Forks
- 5.2k
- PR merge metrics
- No merged PRs in 30d
Description
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.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked live reproduction at https://live.bootstrap-table.com/code/carolinatree/10576 and reproduce the mismatch after filtering, moving columns, and changing pages. Inspect the interaction between the reorder-columns extension, jquery.ui, and dragtable.js; done means data rows preserve the displayed header order across paging and show-all views.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, jquery
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100