Tworzenie tabel php i html

Question

Witam wszystkich,

Piszę tutaj, ponieważ chcę się dowiedzieć w jaki sposób mógłbym stworzyć tabelę html z elementami php.

Chodzi o to że chce zrobić tabele z 4 kolumnami (3 kolumny headowe z czego jedna z colspanem=2 i 4 zwykłe kolumny po 10 rzędów. Rzecz jest w tym, że 2 kolumny mają pozostać w stanie niezmiennym (html) a 2 pozostałe mają być zmiennymi, które pobierają informacje z bazy danych. Na początku zrobiłem 2 tabele- jedna z samym html

2 z php i je połączyłem(bo wiem jak zrobić pętlę) jednak chodzi mi o to by była to jedna tabel w której znajduje się pętla i w każdej kolumnie znajdują się  albo texty html (niezmienne) albo texty php (zmienne)

Z góry dzięki

Oliwier

 

<!--###################################################################################-->
<!-- 2 tabele połączone -->

<div style="margin-left:60px; width:1121px;">
<table id="tabela-best-times" style="float:left; margin-right:-320px; margin-left:200px;">
<tr id="best-times-head-tr">
<th colspan="2" id="miejsce-head">MIEJSCE</th>
</tr>


<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-trophy" style="margin:0; color: #ffd700; "></i></td>
<td class="miejsce">1</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-trophy" style="margin:0; color: #c0c0c0; "></i></td>
<td class="miejsce">2</td>
</tr>


<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-trophy" style="margin:0; color:#b87333; "></i></td>
<td class="miejsce">3</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b; "></i></td>
<td class="miejsce">4</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b; "></i></td>
<td class="miejsce">5</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b; "></i></td>
<td class="miejsce">6</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b; "></i></td>
<td class="miejsce">7</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b; "></i></td>
<td class="miejsce">8</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b; "></i></td>
<td class="miejsce">9</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b; "></i></td>
<td class="miejsce">10</td>
</tr>














</table>

<table id="tabela-best-times">

<tr id="best-times-head-tr">

<th id="kierowca-head">KIEROWCA</th>
<th id="data-head">CZAS</th>
</tr>


<?php

   $db = mysqli_connect("localhost","root","","gokarts");
   $sql="SELECT * FROM records ORDER BY `czas` ASC LIMIT 10";
   $result = mysqli_query($db,$sql);
   while($row= mysqli_fetch_array($result))
   {
	   echo'<tr class="best-times-tr">

<td class="kierowca">'.$row['kierowca'].'</td>
<td class="data">'.$row['czas'].'</td>
</tr>';
	   
	   
   }
   
   
   
?>
</table>
</div>








<!--###################################################################################-->
<!-- tak ma wyglądać 1 tabela  ale z php-->


<table id="tabela-best-times">

<tr id="best-times-head-tr">
<th colspan="2" id="miejsce-head">MIEJSCE</th>
<th id="kierowca-head">KIEROWCA</th>
<th id="data-head">CZAS</th>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-trophy" style="margin:0; color: #ffd700;"></i></td>
<td class="miejsce">1</td>
<td class="kierowca">Oliwier</td>
<td class="data">22.900</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-trophy" style="margin:0; color: #c0c0c0;"></i></td>
<td class="miejsce">2</td>
<td class="kierowca">Oliwier</td>
<td class="data">23.900</td>
</tr>


<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-trophy" style="margin:0; color:#b87333;"></i></td>
<td class="miejsce">3</td>
<td class="kierowca">Oliwier</td>
<td class="data">24.100</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b;"></i></td>
<td class="miejsce">4</td>
<td class="kierowca">Oliwier</td>
<td class="data">24.100</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b;"></i></td>
<td class="miejsce">5</td>
<td class="kierowca">Oliwier</td>
<td class="data">24.100</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b;"></i></td>
<td class="miejsce">6</td>
<td class="kierowca">Oliwier</td>
<td class="data">24.100</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b;"></i></td>
<td class="miejsce">7</td>
<td class="kierowca">Oliwier</td>
<td class="data">24.100</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b;"></i></td>
<td class="miejsce">8</td>
<td class="kierowca">Oliwier</td>
<td class="data">24.100</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b;"></i></td>
<td class="miejsce">9</td>
<td class="kierowca">Oliwier</td>
<td class="data">24.100</td>
</tr>

<tr class="best-times-tr">
<td class="trophy"><i class="fas fa-medal" style="margin:0; color: #cfb53b;"></i></td>
<td class="miejsce">10</td>
<td class="kierowca">Oliwier</td>
<td class="data">24.100</td>
</tr>





</table>