<!DOCTYPE html>
<html>
<head>
<title>
Test
</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
$.getJSON("test.json", function(json) {
data = json;
for (i in data) {
var table_row = `<tr>` +
"<td id='user" + i + `' class="text-center">${data[i]["UserID"]}</td>` +
"<td id='user" + i + `_username'>${data[i]["UserName"]}</td>` +
"<td id='user" + i + `_password' class='text-center'>${data[i]["Password"]}</td>` +
"<td id='user" + i + `_country'>${data[i]["Country"]}</td>` +
"<td id='user" + i + `_email'>${data[i]["Email"]}</td>` +
"</tr>";
$("#userTable").append(table_row);
}
});
</script>
</head>
<body>
<div class="Users">Users</div>
<table id="userTable" class="table table-striped">
<thead>
<tr>
<th class="col-xs-1 col-sm-1 col-lg-1 text-center">ID</th>
<th class="col-xs-1 col-sm-1 col-lg-1">Username</th>
<th class="col-xs-2 col-sm-2 col-lg-2 text-center">Password</th>
<th>Country</th>
<th>Email</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</body>
</html>exec('bash myscript.sh > /dev/null 2>&1 &');
<li> элементе