how do json data become dynamic html tables using php? - php

Question

how the json key is used as the table name, and displays data in the table, without the table name being created
{
"status": "sukses",
"title": "OK",
"img": "ok.jpg",
"data": {
"network": {
"technology": "No cellular connectivity",
"2g_bands": " N\/A",
"gprs": "No",
"edge": "No"
}
}
}
I want to make it like this
statuss title img technology 2g_bands gprs edge
sukses ok ok.jpg No cellular connectivity N\/A No No
with php Below, I am confused how to retrieve the json key to retrieve the name of the table I need to be dynamic
<?php
$Libs = new Library();
$result = $Libs->pilihmodel($idbrand,$idmodel);
if ($result->rowCount()>0) {
while ($datas = $result->fetch(PDO::FETCH_OBJ)) {
$datass = $datas->jsondetail;
$hasiljson = json_decode($datass, TRUE);
$binatang = array($hasiljson);
echo "<table>";
foreach ($binatang as $jenis) {
foreach ($jenis as $nama) {
echo "<td>$nama</td>";
}
}
echo "</table>";
}

Answer 1

You're about halfway there. Getting the keys is easy in a PHP foreach loop using $key => $value) syntax. Then you can, in parallel, build the header row and data row using the key and value from each field. Because of the structure of the JSON you also need to make a special case for the "data" object.
(If the structure is unpredictable you could make a recursive function which would traverse the structure and either print a field if it's a plain string, or find its children if it's another array, but that's probably overkill for what you're doing here. If you really need that though, please mention it.)
This will work:
$hasiljson = json_decode($datass, TRUE);
$header = "";
$body = "";
foreach ($hasiljson as $key => $value)
{
if ($key != "data")
{
$header .= "<td>$key</td>";
$body .= "<td>$value</td>";
}
else
{
foreach ($hasiljson["data"]["network"] as $key1 => $value1)
{
$header .= "<td>$key1</td>";
$body .= "<td>$value1</td>";
}
}
}
echo "<table><tr>$header</tr><tr>$body</tr></table>";
Demo: http://sandbox.onlinephpfunctions.com/code/8b61f2933b0ebf8a3ea1091c1e4474882e8c90a1