A draggable and resizable grid layout with responsive breakpoints, for React.
Questions tagged [react-grid-layout]
162 questions
0
votes
1 answer
Is there a way to remove compactType property from react-grid-layout?
Is there a way to remove a compactType property from react-grid-layout? Because it causes for positions of grid items not to be properly saved, as it seems it render positions from database in vertical or horizontal order.
Милош Рајковић
- 293
- 2
- 14
0
votes
1 answer
multiple instances of the component, trying to remove onclick - but always the last one is being removed
Here is simplified example of my code
constructor(props) {
super(props);
this.state = {
components:[ComponentA, ComponentA, ComponentA, ComponentA, ComponentA ]
}
}
hide(i){
let components=…
Anna
- 2,911
- 6
- 29
- 42
0
votes
1 answer
React with dynamic widget and placeholder
My scenario is little different.
I have multiple widget on my page each has a minified js file which will render content (HTML).
I have list of widget from server and all js file will render on page load.
My question is how can i find a placeholder…
V_B
- 1,571
- 5
- 16
- 37
0
votes
1 answer
React Grid Layout - Update Tinymce Editor height after first Init
I have a React Component that renders an instance of tinymce editor.The goal is to resize the editor's height dynamically after it has been initialized. I am using "React Grid Layout" package to resize the component.
2 Questions:
1. Where can I…
Yolixtly ANDERSON
- 31
- 1
- 5
0
votes
0 answers
Populate Material UI v1.0.0-beta.27 Select Component items with props on editing a row using DevExtreme React Grid
I'm trying to implement my own Grid based on this example. But when I edit a row, the current value in the dropdown menu disappears. When I click on the dropdown to reveal the other items, I can see them but when I try selecting picking an item, my…
Glen Padua
- 487
- 1
- 7
- 14
0
votes
0 answers
Dynamic Grid View not working react-native-easy-grid
I m trying to create dynamic grid but its not working .I have done things correct logically but still its not woking .
import React, { Component } from 'react';
import { Image } from 'react-native';
import { Container, Content,Header, View,…
user3732629
- 141
- 15
0
votes
1 answer
React Grid Redux Integration redux state not getting updated when grid is changed
I'm trying to implement a React Grid based on this example using Redux to manage the state of the store with modifications to the original example code based on a Redux application structure. But when I make a change, say for example "sort" the…
Glen Padua
- 487
- 1
- 7
- 14
0
votes
1 answer
Using Redux with react-grid-layout
I'm using react-grid-layout (RGL) to implement this use case with two considerations
to keep the state of the app including GridItems' child components
enable communication between GridItems' child components (events,
streams of…
Francisco Bernardo
- 87
- 1
- 11
0
votes
0 answers
handleLayoutchange of react-grid-layout
I am seeing few complexities with working on react-grid-layout (from https://github.com/STRML/react-grid-layout) when i integrate it with onlayoutChange method.
Whenever i add a new item, I do add a layout and item to existing state with customized…
G_S
- 7,068
- 2
- 21
- 51
0
votes
1 answer
Overriding onMouseDown in react-grid-layout
How do I override onMouseDown for a GridItem?
I have something like this:
class TrackItem extends React.Component {
onMouseDown(e) {
this.props.onMouseDown.apply(e);
}
render() {
return
nnyby
- 4,748
- 10
- 49
- 105
0
votes
3 answers
Having trouble with react-grid-layout example
Been trying to get into react and was looking at react-grid-layout when I came across a bit of a roadblock. I've pasted in the example from here essentially as is, but for some reason, when I drag an element it's not sticking. The error I'm getting…
Keanan Koppenhaver
- 484
- 3
- 8
- 17
-1
votes
0 answers
Moving elements in react-grid-layout
I'm writing a React project using react-grid-layout. I am creating multiple grids inside each other using recursion. The component looks like this:
export default function CustomLayout({ layout, onDragStart, onDragStop }) {
const [isDraggable,…
Listopad02
- 131
- 1
- 6