Táblázat szerkesztés php-vel


Megjegyzés:
A "<br />" jelölőelemet, HTML formázásra használjuk.
A "\ n" jelölőelemet, PHP programokban, táblázatok és listák készítéséhez alkalmazzuk.


 

A következő bemutató példákban, kettős for ciklussal készítjük el táblázatunkat

Nem alkalmazunk "\ n" és "<br />" jelölőelemeket.
<?php
print("<table border='1'>");
for ($i=1;$i<3;$i++)
	{
	print ("<tr>");
	for ($x=1; $x<3; $x++)
		{
		print ("<td>");
		print ('adat');
		print ("</td>");
		}
	print ("</tr>");
	}
print ("</table>");
?>
Az eredmény: (A jelölőelemek szóköz nélkül, folyamatosan íródnak.)

<table border='1'><tr><td>adat</td><td>adat</td></tr><tr><td>adat</td><td>adat</td></tr></table>

 


A "\ n" jelölőelem hatása.
<?php
print("<table border='1'>\n");
for ($i=1;$i<3;$i++)
	{
	print ("<tr>");
	for ($x=1; $x<3; $x++)
		{
		print ("\t<td>");
		print ('adat');
		print ("</td>\n");
		}
	print ("</tr>\n");
	}
print ("</table>");
?>
Az eredmény: (Elkülönült jelölőelemek, és jelölőpáros jelölőelemek között, szóköz látható.)

<table border='1'> <tr> <td>adat</td> <td>adat</td> </tr> <tr> <td>adat</td> <td>adat</td> </tr> </table>

 


A "<br />" jelölőelem hatása.
<?php
print("<table border='1'><br />");
for ($i=1;$i<3;$i++)
	{
	print ("<tr><br />");
	for ($x=1; $x<3; $x++)
		{
		print ("<td>");
		print ('adat');
		print ("</td><br />");
		}
	print ("</tr><br />");
	}
print ("</table>");
?>
Az eredmény:
(Elkülönült jelölőelemek, és jelölőpáros jelölőelemek, új sorban jelennek meg.)


<table border='1'>
<tr>
<td>adat</td>
<td>adat</td>
</tr>
<tr>
<td>adat</td>
<td>adat</td>
</tr>
</table>

 


    A táblázat fejlécét, többféleképpen is megírhatjuk:
  1. print("<table border=\"1\"> \n"); Kettős idézőjelek esetében, kell a vissza pervonal beírása.
  2. print("<table border='1'> \n"); Egyes idézőjelek (aposztrófok) esetében, nem kell, a vissza pervonal beírása
  3. print("<table class='tablazat'> \n"); Fájlunk tartalmaz DOCTYPE meghatározást, akkor "class" vagy "id" azonosítót is beírhatunk.

 

<?php
print("<table border='1'>\n");
for ($i=1;$i<4;$i++)
	{
	print ("<tr>");
	for ($x=1; $x<4; $x++)
		{
		print ("\t<td>");
		print ('adat');
		print ("</td>\n");
		}
	print ("</tr>\n");
	}
print ("</table>");
?>
Az eredmény:

adat adat adat
adat adat adat
adat adat adat

 


Táblázat celláinak adatokkal történő feltöltése.

A for ciklussal legegyszerűbben, a szorzótáblát tudjuk megjeleníteni.
<?php

print("<table border=\"1\">\n");

for ($i=1;$i<11;$i++)
	{
	print ("<tr>\n");

	for ($x=1;$x<11;$x++)
		{
		print ("\t<td>");
		print ($i*$x);
		print ("</td>\n");
		}

	print ("</tr>\n");
	}

print ("</table>");

?>
Az eredmény:

1 2 3 4 5 6 7 8 9 10
2 4 6 8 10 12 14 16 18 20
3 6 9 12 15 18 21 24 27 30
4 8 12 16 20 24 28 32 36 40
5 10 15 20 25 30 35 40 45 50
6 12 18 24 30 36 42 48 54 60
7 14 21 28 35 42 49 56 63 70
8 16 24 32 40 48 56 64 72 80
9 18 27 36 45 54 63 72 81 90
10 20 30 40 50 60 70 80 90 100

 


 

Határozzunk meg színt, az adatcelláknak.

Stílus meghatározása CSS-fájlban:
.bw {background-color: back; color: white;}

<?php

print("<table border=\"1\">\n");

for ($i=1;$i<11;$i++)
	{
	print ("<tr>\n");

	for ($x=1;$x<11;$x++)
		{
		print ("\t<td class='bw'>");
		print ($i*$x);
		print ("</td>\n");
		}

	print ("</tr>\n");
	}

print ("</table>");

?>
Az eredmény:

1 2 3 4 5 6 7 8 9 10
2 4 6 8 10 12 14 16 18 20
3 6 9 12 15 18 21 24 27 30
4 8 12 16 20 24 28 32 36 40
5 10 15 20 25 30 35 40 45 50
6 12 18 24 30 36 42 48 54 60
7 14 21 28 35 42 49 56 63 70
8 16 24 32 40 48 56 64 72 80
9 18 27 36 45 54 63 72 81 90
10 20 30 40 50 60 70 80 90 100