Postingan lainnya
Membuat tabel dari database dengan PHP looping
saya mau bertanya cara untuk memanggil data yang tersimpan di database dengan php dengan struktur database :
INSERT INTO `data-absen` (`id`, `nama`, `keteterangan`, `tanggal`, `inputby`) VALUES
(1, 'nama1', 'sakit', '1-Jun-2017', 'supardi'),
(2, 'nama2', 'alfa', '2-Jun-2017', 'supardi'),
(3, 'nama3', 'izin', '2-Jun-2017', 'supardi'),
(4, 'nama4', 'izin', '4-Jun-2017', 'supardi'),
(5, 'nama5', 'sakit', '5-Jun-2017', 'supardi'),
dan ingin menampilkan data tersebut menjadi tabel seperti ini :
6 Jawaban:
Jawaban Terpilih
Ambil dari database, querynya:
SELECT * FROM data-absen;
Untuk kodenya bisa dicari, gampang kok.
untuk bikin table, saya asumsikan saya udah dapet datanya dari PHP :
https://jsfiddle.net/372j1hsb/5/
<html>
<body>
<div id="app">
<table class="table table-bordered">
<tr>
<th>Nama</th>
<th>Tgl 1</th>
<th>Tgl 2</th>
<th>Tgl 3</th>
<th>Tgl 4</th>
<th>Tgl 5</th>
</tr>
<tbody id="data">
</tbody>
</table>
</div>
<script>
var mF = {
data: [],
init: function(){
this.setData();
},
setData: function(){
this.data.push([1, 'nama1', 'sakit', '1-Jun-2017', 'supardi']);
this.data.push([2, 'nama2', 'alfa', '2-Jun-2017', 'supardi']);
this.data.push([3, 'nama3', 'izin', '2-Jun-2017', 'supardi']);
this.data.push([4, 'nama4', 'izin', '4-Jun-2017', 'supardi']);
this.data.push([5, 'nama5', 'sakit', '5-Jun-2017', 'supardi']);
this.createTable();
},
createTable: function(){
var ins = document.getElementById("data");
for(var i = 0; i < this.data.length; i++){
var app = document.createElement("tr");
for(var j = 0; j < this.data[i].length; j++){
if(j == 3){
var gD = new Date(this.data[i][j]);
var mD = gD.getDate();
for(var k = 1; k <= this.data.length; k++){
if(k == mD){
var inp = document.createElement("td");
inp.innerHTML = this.data[i][2];
app.appendChild(inp);
} else {
var dt = document.createElement("td");
app.appendChild(dt);
}
}
}
else if(j == 1) {
var nm = document.createElement("td");
nm.innerHTML = this.data[i][1];
app.appendChild(nm);
}
}
ins.appendChild(app)
}
}
}
mF.init();
</script>
</body>
</html>
Hasilnya :
Contoh gambarnya saya masukin yang nginput :D tapi kodenya udah saya edit
untuk pengambilan database query nya gimana? saya masih belum mengerti ? di tempatkan di bagian mananya ?
bikin script PHP aja, mau ngambil datanya berdasarkan apa? tanggal? yang nginput? atau apa?
mau berdasarkan tanggal dan nama ! cara yang tadi itu sudah saya coba tapi tidak mau jalan !
ini script php yang sudah saya buat :
$query_absen="Select * From `data-absen` " ;
$hasil_absen=mysql_query($query_absen);
dijadiin API aja mas, nanti access lewat ajax.