Topic: React Sortable - Grid
Expected behavior Option to center items in a sortable grid list when the last row has fewer items than what is specified in the "grid-template-columns". For instance, if the columns are identified as 3 and there are 2, 4 or 5 items in the list, the odd 1/2 should be centered versus left justified. I would like "Item 4" to be centered under "Item 2" and if there were 5, Items 4 & 5 to be centered.
Actual behavior
Left justifies cols when there is not a full row.
Resources (screenshots, code snippets etc.)
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Opened
- ForumUser: Premium
- Premium support: Yes
- Technology: MDB React
- MDB Version: 4.21.1
- Device: PC
- Browser: Chrome
- OS: WIndows 10
- Provided sample code: No
- Provided link: No
Piotr Glejzer staff commented 4 years ago
Hi,
we can change it by adding a prop about that. Do you need this now? I will try to figure out. Have a nice day.
darrell premium commented 4 years ago
I figured out a work around when reading the JS docs. I am using a list wrapped with: The non-complete row of cols are centered with justify-content-center applied to the ul.
Piotr Glejzer staff commented 4 years ago
Did you try to add this justifcy content center or margin: 0 auto ? We didn't work with plugins yet but it is still in our task to check it.
Piotr Glejzer staff commented 4 years ago
Do you have some code to show this problem?