数据表不适用于 Firebase

Question

我正在尝试在 Datatable 中的数据中显示数据，并允许用户以所需的格式下载。但这似乎不起作用我的数据既没有显示也没有下载。这是目前正在使用的代码。

document.addEventListener("DOMContentLoaded", function(event) {


    var dTable=$('#ex-table').DataTable({
        "bDestroy": true,
        dom: 'lfrtipB',
        buttons: [ 
                    {
                        extend: 'copyHtml5',
                        title: 'Records'
                    },
                    {
                        extend: 'csvHtml5',
                        title: 'Records'
                    },
                    {
                        extend: 'excelHtml5',
                        title: 'Records'
                    },
                    {
                        extend: 'pdfHtml5',
                        title: 'Records'
                    },
                    'print'
                ],
         lengthMenu: [[5, 20, 50, -1], [5, 20, 50, "All"]]

  });


});



var databaseRef = firebase.database().ref("users/");

var table = $('#ex-table').DataTable();

databaseRef.on("child_added", function(data) { 
   var storageObj = data.val();

   var dataSet = [storageObj.Department, storageObj.EmpId, storageObj.Name, storageObj.Position];

   table.rows.add([dataSet]).draw();

});

这是我正在尝试的代码的代码笔https://codepen.io/jagrutitiwari/pen/WYBWVy。我哪里错了？

更新：

我的users 节点截图：

更新2

安全规则：

{
  "rules": {
    ".read": "auth != null",
    ".write": "auth != null"
  }
}

更新 3

如果我将 dataSrc 添加到 Datatable 中，它可以工作，但我现在在 Datatable 中看不到导出按钮。

document.addEventListener("DOMContentLoaded", function(event) {


    var dTable=$('#ex-table').DataTable({
        "bDestroy": true,
        dom: 'lfrtipB',
        data: dataSrc,
        buttons: [ 
              {
                 extend: 'copyHtml5',
                 title: 'Records'
               },
               {
                 extend: 'csvHtml5',
                 title: 'Records'
               },
               {
                  extend: 'excelHtml5',
                  title: 'Records'
               },
               {
                   extend: 'pdfHtml5',
                   title: 'Records'
               },
                   'print'
               ],
         lengthMenu: [[5, 20, 50, -1], [5, 20, 50, "All"]]

  });


});

Answer 1

使用您的安全规则，您的用户需要经过身份验证才能读取（和写入）数据库。

使用您在问题中显示的代码（我猜是整个 HTML 页面的摘录），您似乎没有要求用户进行身份验证，因此您在查询数据库时没有得到任何记录.

您应该集成身份验证机制，例如使用 FirebaseUI Auth（请参阅 https://github.com/firebase/firebaseui-web），或者，如果您的数据库正在测试中，请尝试使用“公共”规则，例如：

{
  "rules": {
    ".read": true,
    ".write": true
  }
}