React-Grid-Layout x, y, w, h
Добрый день,
Я хочу изменить положение макета реактивной сетки, но есть одна вещь, которую я не понимаю в React-Grid-Layout x, y, w, h, особенно в части x, y. Я знаю, что w - ширина, h - высота. Я сделал css grid, и я не уверен, что этот React-Grid-Layout работает так же, как css.
Пожалуйста помоги.
Ответы 1
Как вы можете прочитать в документации библиотеки реагировать-сетка-макет, свойства элемента сетки Икс, у, ш, час, а также минВт, maxW, minH, maxH находятся в сеточные единицы (не в пикселях). Затем вам нужно определить количество столбцов с помощью свойства cols, высоту строки в пикселях с помощью высота строки и ширина в пикселях всей сетки.
Итак, объединив эти три свойства (cols, rowHeight и width) компонента GridLayout, вы должны получить сетку, и вы всегда будете просто работать с единицами сетки.