How to make table header dynamic with value using PHP

Question

I need to also append the table header dynamic as per the json array value using PHP. I am explaining my code below.

<?php
$resultArr=array(array("header"=>"Firstname","data"=>array("Jack","Ram")),array("header"=>"Lastname","data"=>array("Nayak","Das")),array("header"=>"Age","data"=>array("50","30")));
?>
<!doctype html>
<html>
<head>
<title>Demo Preview</title>
<meta name="robots" content="noindex, nofollow"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
</style> 
</head>
<body>
<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jack</td>
    <td>Nayak</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Ram</td>
    <td>Das</td>
    <td>30</td>
  </tr>
</table>
</body>
</html>

Here I have the static values inside the table. I need to add the same values dynamically as per the array(i.e-$resultArr) using PHP.

foreach() is your friend. There are dozens of tutorials on it. — Difster
– Difster, Commented Nov 1, 2018 at 8:00

Michaël · Accepted Answer · 2018-11-01 08:34:46Z

<?php
$resultArr=array(array("header"=>"Firstname","data"=>array("Jack","Ram")),array("header"=>"Lastname","data"=>array("Nayak","Das")),array("header"=>"Age","data"=>array("50","30")));

$nbPerson = count($resultArr[0]['data']);

?>
<!doctype html>
<html>
<head>
<title>Demo Preview</title>
<meta name="robots" content="noindex, nofollow"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
</style> 
</head>
<body>
<table style="width:100%">
  <tr>
    <?php
        foreach($resultArr as $key => $array)
        {
            echo '<th>'.$array['header'].'</th>';
        }
    ?>
  </tr>
    <?php
        $i = 0;
        while($i < $nbPerson)
        {
            echo '<tr>';
            foreach($resultArr as $key => $array)
            {
                echo '<td>'.$array['data'][$i].'</td>';
            }
            echo '</tr>';
            $i++;
        }
    ?>
</table>
</body>
</html>

To test it: https://3v4l.org/NrQcI

Collectives™ on Stack Overflow

How to make table header dynamic with value using PHP

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