We are using GridStack Widgets plugin in Vue JS for creating dynamic widgets and it's working fine.
However, on new widgets creation we are setting 'Y' values as widgets.length + 120. New widget added at the bottom of page with incremented in 'Y' value etc: (121, 122, 123) which is the correct case.
but on page load GridStack sort widgets on the basis of 'Y' value with descended order and all widgets get sorted like: 123, 122, 121 ... and high value of 'Y' came up on top.
I want to revers this sorting option, so last created widgets set on bottom of page as it was on creation time and widgets will be like 121, 122, 123
GridStack.init({
column: 120,
cellHeight: 15,
margin: 5,
});
using above options while in mounted phase.
I've added this key value oneColumnModeSort:'column-reverse' in option but it's not working.
GridStack.init({
column: 120,
cellHeight: 15,
margin: 5,
oneColumnModeSort:'column-reverse',
});
Is there any way, i can change default sorting option in Grid Stack VueJS.