Adding color on a php array

Question

I am trying to add colors on an 2 dimensional array to look like this: https://i.sstatic.net/gi79o.jpg

What I have created right now is this : https://i.sstatic.net/EzlQT.jpg

My code right now :

<html>
<head>
<title>Two-dimensional Arrays</title>
</head>

<body>
<h1>Two-Dimensional Arrays</h1>

<?php
echo "<table border =\"1\" style='border-collapse: collapse'>";
    for ($row=1; $row <= 10; $row++) { 
        echo "<tr> \n";
        for ($col=1; $col <= 10; $col++) { 
           $p = $col * $row;
           echo "<td>$p</td> \n";
            }
            echo "</tr>";
        }
        echo "</table>";
        
        
?>

</body>
</html>

Thank you for the question, I tried it with CSS and adding ids to the tr, td, however it doesn't work as I get an error. This is it: imgur.com/a/PaIAp48 — Costas_
– Costas_, Commented Dec 1, 2019 at 14:24
Please embed images to be viewed directly by simply putting an exclamation-mark before the image-link. — hc_dev
– hc_dev, Commented Dec 1, 2019 at 17:40
I notted I can't embed images because I have <15 reputation as now. — Costas_
– Costas_, Commented Dec 1, 2019 at 18:23

N'Bayramberdiyev · Accepted Answer · 2019-12-01 14:34:36Z

0

I'd recommend using CSS:

<style>
table tbody tr:nth-child(odd) {
    background-color: red;
}
table tbody tr:nth-child(even) {
    background-color: green;
}
</style>

But if you want to do it in PHP, you can use inline styling:

<table border="1" style="border-collapse: collapse;">
<?php
    for ($row = 1; $row <= 10; $row++) { 
        echo '<tr style="background-color: ' . ($row % 2 === 0 ? 'green' : 'red') . ';">';

        for ($col = 1; $col <= 10; $col++) { 
           $p = $col * $row;

           echo "<td>$p</td> \n";
        }

        echo '</tr>';
    }   
?>
</table>

answered Dec 1, 2019 at 14:34

N'Bayramberdiyev

3,6509 gold badges32 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Adding color on a php array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related