You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm trying to implement a functionality that allows the user to order the elements in the grid, but the order is persisted only for the current layout. When the breakpoint changes, to order returns to default.
Is there a way to persist the order of the elements, no matter the breakpoint?
Example:
Given the follow layout:
The order of the elements is changed:
After resizing, the elements are reorder this way:
However, it was expected to keep the order set by the user:
Anyone has any suggestions? I really look forward for some help.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
I'm trying to implement a functionality that allows the user to order the elements in the grid, but the order is persisted only for the current layout. When the breakpoint changes, to order returns to default.
Is there a way to persist the order of the elements, no matter the breakpoint?
Example:
Given the follow layout:
![Screenshot from 2023-07-10 16-55-10](https://private-user-images.githubusercontent.com/19675437/252471794-abdef8df-1e5d-43a8-8bc1-ef58655656b0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE1NDgzOTgsIm5iZiI6MTcyMTU0ODA5OCwicGF0aCI6Ii8xOTY3NTQzNy8yNTI0NzE3OTQtYWJkZWY4ZGYtMWU1ZC00M2E4LThiYzEtZWY1ODY1NTY1NmIwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIxVDA3NDgxOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk4ZjdhOGM0N2M3NGNmY2U4NDZlNmZhOGRiNDU0ZGQwYmMxNDM2NzA4OWYyYWNlMGNlNzM3MGM0YjZkMGMyNTUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.rkU63HAfHSCX-ftrHDgrvYzWu5Og2ruLSdJ_z6JHWj8)
The order of the elements is changed:
![Screenshot from 2023-07-10 16-55-25](https://private-user-images.githubusercontent.com/19675437/252472047-503e1768-d180-4d47-9921-74e9b581c0bf.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE1NDgzOTgsIm5iZiI6MTcyMTU0ODA5OCwicGF0aCI6Ii8xOTY3NTQzNy8yNTI0NzIwNDctNTAzZTE3NjgtZDE4MC00ZDQ3LTk5MjEtNzRlOWI1ODFjMGJmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIxVDA3NDgxOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ0YzNhN2M1ZDYwMTUzN2VmMTE3MjU3Y2VjMWNiYWJmNzJhNGZlMWQ3ZDIzODIzMjNlMzhiMWM1Y2EzZGQ4OTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RJynE9Aj_90ef7-DOybCgD9UwYaHMoH5SPVrXBPip1Q)
After resizing, the elements are reorder this way:
![Screenshot from 2023-07-10 16-55-44](https://private-user-images.githubusercontent.com/19675437/252472397-bccc6fb0-7bd4-4687-af7b-477fd16a48de.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE1NDgzOTgsIm5iZiI6MTcyMTU0ODA5OCwicGF0aCI6Ii8xOTY3NTQzNy8yNTI0NzIzOTctYmNjYzZmYjAtN2JkNC00Njg3LWFmN2ItNDc3ZmQxNmE0OGRlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIxVDA3NDgxOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc4MjgwOWI0M2U0YWE4ODlmOGVjMThhYjdiNDJkNDUwNTAzMzhiN2RjMzI0MzY5ODI0NTIwNjQyMDA2OWRmYTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.2n9WuNPK5N5Du_xSLrBajYj28Ocq1j66Uvl7eaoAETc)
However, it was expected to keep the order set by the user:
![Screenshot from 2023-07-10 16-55-51](https://private-user-images.githubusercontent.com/19675437/252472597-debd22cd-88de-4fe1-96cc-26b9224cf554.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE1NDgzOTgsIm5iZiI6MTcyMTU0ODA5OCwicGF0aCI6Ii8xOTY3NTQzNy8yNTI0NzI1OTctZGViZDIyY2QtODhkZS00ZmUxLTk2Y2MtMjZiOTIyNGNmNTU0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIxVDA3NDgxOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJkNDJhOTcwZTM4MWRhN2I0ZjE5ZmVlMTE0OWM3ZGRhM2I2MzIyMjRmYzE5MGRkMzk5OTBmZWY0NWU2MWUzZGImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.wzSfpSuef_f4QuFcK5vkvzFk8dHdanbYxlnI7SseIeA)
Anyone has any suggestions? I really look forward for some help.
Beta Was this translation helpful? Give feedback.
All reactions