React-Grid-Layout x, y, w, h

Question

Добрый день,

Я хочу изменить положение схемы реагирующей сетки, но есть одна вещь, которую я не понимаю, React-Grid-Layout x, y, w, h, особенно x, yчасть.Я знаю, что w для ширины, h для высоты.Я сделал css grid, и я не уверен, что этот React-Grid-Layout работает так же, как css.

Пожалуйста, помогите.

Answer 1

Как вы можете прочитать в документации act-grid-layout библиотеки, Grid Item поддерживает x , y , w , ч , а также minW , maxW , minH , maxH в единицах сетки (не в пикселях).Затем вам нужно определить количество столбцов, используя свойство cols , высоту строки в пикселях с rowHeight и width в пикселяхвся сетка.

Итак, комбинируя эти три свойства (cols, rowHeight и width) компонента GridLayout, вы должны получить сетку, и вы всегда будете работать с единицами сетки.