Dodawanie rekordów uwzględniająć wymiary DIV

Dodawanie rekordów uwzględniająć wymiary DIV
D1
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 99
0

Witam

Obecnie mam niewielki problem z prostą aplikacją która w dużym skrócie za zadanie dodawac rekordy do tablicy stringów lub obiektów tak długo, aż kolejny rekord będzie próbował przekroczyć wysokość div więc funkcje przeniesie go do drugiej ramki obok. Chciałbym aby to była aplikacja w miarę elastyczna czyli nawet zmieni się wymiary ramki to nadal program będzie kontrolował wpisy.

Wymyślilem to w ten sposób:

  1. Utworzenie tablicy obiektów/stringow w useState
  2. Renderowanie tablicy w div
  3. Dodawanie rekordu do tablicy
  4. Pomiar aktualnej dlugosci tablicy
  5. Jeśli kolejny rekord wychodzi po za tablice renderownie wpisu w div obok
  6. Dodawanie kolejnego rekordu do nowej tabicy
  7. Renderowanie statusu poprzez Portal w okreslonym div

Wydaje mi się, że nie zrobię tego na jednej tabicy ze względu na Portal. Nie wiem czy nie lepiej było by od razu wyświetlić w div aktualną zawartość tabicy czy dopiero po dodaniu nast. rekordu.

Co więc można by zmodyfikować w tym algorytmie albo poprawnie to dzialało. Jeśli to bardzo ułatwi dołącze source code.

dzek69
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Rzeszów
0

A nie lepiej użyć css columns? Sugerując się Twoim opisem to robi dokładnie to, czego potrzebujesz. Nie jest to technicznie "div obok", jeżeli musi być napisz dlaczego, coś wymyślimy

IR
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 2
0

Może trywialnie to zabrzmi, ale nie wystarczy flex-wrap? 😅 chyba, że te kolumny muszą mieć swój styl, to wtedy moja odpowiedź odpada

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout/Mastering_wrapping_of_flex_items

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.