Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

191
Views
Grid Stack Widgets sorting Issue with Vue JS

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.

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!