Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [MySQL][PHP] Wyświetlanie danych wzdłuż kolumny
Forum PHP.pl > Forum > Przedszkole
bahh
Witam

Pobieram dane z tabeli i wyświetlam je za pomocą pętli while.

Chcę by je wyświetliło w 4 kolumnach.
Ustawiłem przy każdej danej float:left i w ten sposób wyświetliłem dane w 4 kolumnach jednakże nie w kolejności w jakiej bym chciał tzn:

aaa | bbb | ccc | ddd
eee | fff | ggg | hhh
iii | jjj

Chciałbym je wyświetlić w takiej kolejności:

aaa | ddd | ggg | jjj
bbb | eee | hhh
ccc | fff | iii

Jakieś pomysły czy rozwiązania jak coś takiego zrobić?

Pozdrawiam
Age1869
Podzielić to na 3 divy - poziomo smile.gif A potem odpowiednio tak, jak robiłeś?
bahh
Nie mam pomysłu na to, jedynie co mi przychodzi do głowy to żeby liczbę rekordów dzielić przez 4 (ilość kolumn) i liczyć odpowiednio ilość pętli i ustawiać w ten sposób wyświetlanie alfabetyczne co jest niestety raczej beznadziejnym rozwiązaniem.

mam while... a pod while echo '<div style="float:left;">...</div>
peter13135
Mam rozumieć, że takie "aaa" lub "bbb" to jeden wiersz w bazie danych i to ma być wyświetlone jako pole w tabelce ?
Jeśli tak, to moja propozycja :

Najpierw zapisz sobie dane do tablicy, żeby osiągnąć taki efekt :
  1.  
  2.  
  3. $tablica[0] = 'aaa';
  4.  
  5. $tablica[1] = 'bbb';
  6.  
  7. //itd.


Musisz wiedzieć, ile chcesz mieć wierszy
  1.  
  2.  
  3. $numRows=3;


Oraz ile chcesz mieć kolumn. To musisz obliczyć na podstawie liczby wyników i liczby wierszy
  1.  
  2. $numCols = ceil($dlugosc_tablicy/$numRows);//długość talibcy to count($tablica_z_wynikami)


Następnie masz 2 zagnieżdżone pętle
  1.  
  2. for($i=0; $i<$numRows; $i++)//ta pętla wyświetla wiersze
  3.  
  4. {
  5.  
  6. for($j=0; $j<$numCols; $j++)//a ta pola w wierszach
  7.  
  8. {
  9.  
  10. //tutaj wyświetlasz swój element. Jego indeks w tablicy to $j*$numRows+$i
  11.  
  12. }
  13.  
  14. }



bahh
Dzięki peter13135. Nie użyłem twojego sposobu ale bardzo mnie naprowadziłeś na rozwiązanie i zrobiłem to w podobny sposób wink.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.