3

I am working on a Angular6 Project and I need to use gridstack.js, how should I use it in this version of project

I have checked libraries like gridster but they don't support nesting functionality.

I need the same functionality as being provided by gridstack with nesting support as well.Need help?

Improve this question

2 Answers 2

Reset to default
7

UPDATE: As of this week (29 Nov 2020), Gridstack is now jQuery-free!

Gridstack still (as of March 2020) uses jQuery, which as it manipulates the DOM directly goes against the declarative approach of Angular. As @Adrian points out, while not impossible to achiveve, it may be worth avoiding until others are complete work on dropping jQuery from Gridstack.

In the meantime there are other non-jQuery packages that achieve the same goal:

There may be others using Gridster2 that I have not come across, but you can check out a range of approaches here: https://angularscript.com/category/layout/

Improve this answer
Sign up to request clarification or add additional context in comments.

3 Comments

FYI it seems like work is complete on issue mentioned above and v3 is released... :)
Thanks @Micko - Please mark this answer as useful anyhows!
make sure to include import 'gridstack/dist/h5/gridstack-dd-native'; in Angular project as described here
0

Don't, gridstack is a jQuery plugin and including jQuery in an Angular project is breaking rule number one.

Improve this answer

4 Comments

so how can we achieve the gridstack functionality in an angular project
stackoverflow.com/questions/39901473/…
I have tried all of these suggestion over there, they didn't work for my angular6 project
Hi all - see my above answer and Micko's update :)

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.