JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<!DOCTYPE html>
<html>
<head>
    <title>JSON to HTML Table</title>
    <style>
        table, th, td {
            border: 1px solid black;
            border-collapse: collapse;
        }
        th, td {
            padding: 5px;
            text-align: left;
        }
    </style>
</head>
<body>

<h2>JSON Data in HTML Table</h2>

<table>
    <tr>
        <th>Key</th>
        <th>Value</th>
    </tr>
    <tr>
        <td>Name</td>
        <td>Rob</td>
    </tr>
    <tr>
        <td>Position</td>
        <td>Director</td>
    </tr>
    <tr>
        <td>City</td>
        <td>Cincy</td>
    </tr>
</table>

</body>
</html>