React-grid-layout: max number of rows?

[eelkeh]

Is there a way to set a maximum number of rows?
Something like:

{ cols:4, maxRows: 10 }

Is something like this possible? Any pointers would be great!

[STRML]

Sorry, this is not yet possible. You could likely implement it yourself using the onDragStop and onResizeStop handlers.

[ghost]

+1. @STRML I'd be more than happy to implement it myself if you could point out what would need adjusting... I took a look at mixinResizable in lib/GridItem.jsx, but it seems we'd have to restrict more than just the height component of maxConstraints. (Imagine a layout with verticalCompact set to false and the smallest possible GridItem being dragged around.)

[ngotchac]

That would be great! :)

[STRML]

maxRows is implemented, but somewhat buggy. It is possible to push an item beyond the maxRows as the compaction algorithm is not tuned to move elements sideways.

[jlndk]

+1

[STRML]

Please don't spam us with +1 comments. Use the emoji, or, better yet, submit a PR.

[antoine35]

Has anyone found a solution to force the maximum number of lines ? Thanks

[SomethingSexy]

If props.onDrag or props.onDragStop returned whether it could be dropped help with this situation? I am looking for something similar but trying to figure out I can implement it with the given props now.

[github-actions[bot]]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this issue will be closed in 7 days