数据表和Firebase Web

我编写网络时遇到了一些问题

这是Html

 
 
 
Nama
 
Email
 
No.Hp
 
Status
 
 
 
 
  

这是脚本

 $('#user_data').DataTable({ dom: 'Bfrtip', buttons: [ 'csv' ] }); var rootRef = firebase.database().ref().child("users"); rootRef.on("child_added", snap => { var name = snap.child("name").val(); var email = snap.child("email").val(); var noHP = snap.child("noHp").val(); var status = snap.child("status").val(); $("#table-body-pengguna").append("" + name + "" + email + "" + noHP + "" + status + ""); }) 

这是输出

https://ibb.co/bYzpOv

为什么数据表无法正常显示？ 谢谢你的时间。

Answer 1

首先你必须将datatable设置为var，例如var table = $（“＃tbl”）….稍后在child_added事件table.row.add({id:15,user_name:"Jacob",...}).draw(false);

在创建数据表时，必须将名称设置为列。

 "columns":[ {name:"id", "data":"id", "visible":false}, {name:"user_name", "data":"user_name"}, .... ] 

Answer 2

这应该完美

  rootRef.on("child_added", snap => { var dataSet = [snap.child("name").val(), snap.child("email").val(), snap.child("blood").val(), snap.child("Phone").val(), snap.child("Location").val()]; table.rows.add([dataSet]).draw();