Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Items floating outside parent element boundaries #43

Open
Awatatah opened this issue Jul 28, 2021 · 1 comment
Open

Items floating outside parent element boundaries #43

Awatatah opened this issue Jul 28, 2021 · 1 comment

Comments

@Awatatah
Copy link

Problem with using window width from what I can see is the dynamic width of the grid is dependent on the window width not the parent so this causes items to float outside the parent div. How can I fix this so the grid stays within the parent width boundaries?

Screenshot 2021-07-28 103914

@lokireturns
Copy link

Problem with using window width from what I can see is the dynamic width of the grid is dependent on the window width not the parent so this causes items to float outside the parent div. How can I fix this so the grid stays within the parent width boundaries?

Screenshot 2021-07-28 103914

How to fix:

  1. Uninstall the plugin.
  2. npm install "https://github.com/euvl/vue-js-grid"
  3. Add "gridWidth"

<grid
:draggable="true"
:sortable="true"
:items="items"
:cellHeight="200"
:cellWidth="200"
:gridWidth="400" <------- Add it like this

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants