Wstrzykiwanie danych do tabeli - Bootstrap

Question

Witam, wykonuje swoj maly projekt, który ma forme przypomnienia mi paru rzeczy zwięzłych z programowaniem webowym oraz nauki i mam jeden mały problem związany z wyświetlaniem danych w tabeli w tabeli (nie takiej jak mogę stworzyć w phpie, tylko mam swój szablon napisany, stworzone tabele i szukam skryptu albo po prostu filmu pokazującego tą ideę. Obecnie skrypt PHPa wypisuje mi dane, ale po prostu jest to zwykły format tekstowy, ja chciałbym go wstrzyknąć do przygotowanej tabeli.

Posiadam poniższy kod napisany w osobnym pliku PHP:

 

<?php

    require('db_data.php');

    $zapytanie = "SELECT parametry_baterie.kod_produktu, parametry_baterie.producent, parametry_baterie.cena, kategoria.typ_kategoria From kategoria Join parametry_baterie on parametry_baterie.id_kategoria= kategoria.id_kategoria UNION SELECT parametry_czujniki.kod_produktu, parametry_czujniki.producent, parametry_czujniki.cena, kategoria.typ_kategoria From kategoria Join parametry_czujniki on parametry_czujniki.id_kategoria= kategoria.id_kategoria UNION SELECT parametry_diody.kod_produktu, parametry_diody.producent, parametry_diody.cena, kategoria.typ_kategoria From kategoria Join parametry_diody on parametry_diody.id_kategoria= kategoria.id_kategoria UNION SELECT parametry_kondensatory.kod_produktu, parametry_kondensatory.producent, parametry_kondensatory.cena, kategoria.typ_kategoria From kategoria Join parametry_kondensatory on parametry_kondensatory.id_kategoria= kategoria.id_kategoria";


    $wynik = $connect->query($zapytanie);

    if ($wynik->num_rows > 0) {
        while ($row = $wynik->fetch_assoc()) {
            echo " ".$row["kod_produktu"]." ".$row["producent"]." ".$row["cena"]." ".$row["typ_kategoria"]."<br />";
        }
    }
$connect->close();
?>

Szablon tabeli: 
 

			<div class="tabela-wyniki-wyszukiwania my-4">
				<table id="przeglad-oferty" class="display compact" style="width: 100%">
					<thead>
						<tr>
			                <th>Kod produktu</th>
			                <th>Producent</th>
			                <th>Cena</th>
			                <th>Kategoria</th>					
						</tr>
					</thead>
			        <tbody>
			            <tr>
			                <td>Tiger Nixon</td>
			                <td>System Architect</td>
			                <td>Edinburgh</td>
			                <td>61</td>
			            </tr>
			        </tbody>					
				</table>				
			</div>

Tabela pochodzi z pluginu DataTables. Dodatkowo posiada oskryptowanie w JSie jeśli chodzi o dodatkowe jej funkcje:
 

<script type="text/javascript">
$(document).ready(function() {
    $('#przeglad-oferty').DataTable();
} );
</script>

Bardzo proszę o pomoc

Answer 1

Pozwól sobie pomóc i zamieść kod. I zmień kategorię pytania albo jego temat.

Comments

Właśnie generuje się tak jak pokazałem, jedynie dochodzą linie pomiędzy nimi, dodane są odpowiednio trzy pliki, arkusz stylów i dwa skrypty JS.

---

U mnie tabela generuje się dobrze (na innych danych oczywiście). Przy generowaniu tabeli brak ci jednej instrukcji echo (tej, która generuje thead, wiersz nagłówka i rozpoczynający tag tbody)

if($wynik->num_rows > 0) {
                echo '<table id="przeglad_oferty" class="display compact" style="width: 100%">';
                 echo   "<thead>
                        <tr>
                            <th>Kod produktu</th>
                            <th>Producent</th>
                            <th>Cena</th>
                            <th>Kategoria</th>                  
                        </tr>
                    </thead>
                    <tbody>";
                    while ($row = $wynik->fetch_assoc()) {
                echo    "<tr>
                            <td>".$row["kod_produktu"]."</td>
                            <td>".$row["producent"]."</td>
                            <td>".$row["cena"]."</td>
                            <td>".$row["typ_kategoria"]."</td>
                        </tr>";
                    }
                echo "</tbody> </table>";
                }

 

 

---

@SzkolnyAdmin,

Teraz pojawiły się informacje o kolumnach na górze(pogrubione) jednak za to znikły podziały pomiędzy wierszami :/ 

---

Odświeżyłem jeszcze raz i zadziałało :) Dziękuje bardzo!

---

Daliśmy radę, ale jeszcze pewnie nie jeden raz będziesz tak siedział i główkował.