Items floating outside parent element boundaries about vue-js-grid

[lokireturns]

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?

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