UPDATE: Sorry I'm new on here so i did not know the guidelines
This is what i have done so far
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>AJAX filter demo</title>
</head>
<body>
<h1>Temporary Database</h1>
<table id="employees">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Age</th>
<th>Address</th>
<th>Car</th>
<th>Language</th>
<th>Nights</th>
<th>Student</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function makeTable(data){
var tbl_body = "";
$.each(data, function() {
var tbl_row = "";
$.each(this, function(k , v) {
tbl_row += "<td>"+v+"</td>";
})
tbl_body += "<tr>"+tbl_row+"</tr>";
})
return tbl_body;
}
function updateEmployees(){
$.ajax({
type: "POST",
url: "submit.php",
dataType : 'json',
cache: false,
success: function(records){
$('#employees tbody').html(makeTable(records));
}
});
}
updateEmployees();
</script>
</body>
</html>
which outputs the table now in regards of client-side filtration i think is what I'm looking for. how would i go about filtering each column with a dropdown to output specific data unlike if i had a checkbox? Thank you