如何在数据表和选项卡中显示json数据？

Question

我正在尝试将json数据显示到php中。

你能告诉我怎样才能把它分类成一个也有标签的数据表吗？

我要把它显示在每个标签上，比如图标和文本的比特币列表，图标和文本的ETH列表，这样他们就可以选择他们喜欢的任何硬币，然后显示给他们那个硬币的水龙头列表。

所以我需要为每个数据表的标签提供这个

还有，是的，我看了谷歌，为什么我不会在这里发帖

faucetlist.json

​

[{"name": "Bitcoin",
  "shorthand": "BTC",
  "faucets": [
        {"faucet name":"gr8 Faucet",
        "minutes": "5",
        "reward": "~3000",
        "claim": "http://namefaucet.net"},
        //Next Faucet here
   ]
   },
   
  {"name": "ETHcoin",
  "shorthand": "ETH",
  "faucets": [
        {"faucetname":"eth Faucet",
        "minutes": "5",
        "reward": "~10000",
        "claim": "http://ethwebsite.com"},
    ]
 }
]

​

数据表

​

<table id="faucetlist" class="table table-bordered table-condensed table-hover" cellspacing="0" width="100%">

  <thead>
                <tr>
                <th>faucet name</th>
                <th>Minutes</th>
                <th>reward</th>
                <th>Claim</th>
                </tr>
                </thead>
                <tfoot>      
        </tfoot>
        <th>test</th>
        <th>test</th>
        <th>test</th>
        <th>test</th>
        </table>  
</div>

​

这里还有javascript

​

  <script type="text/javascript">
   $(document).ready(function() {
   $('#faucetlist').DataTable();
      } );            
  </script> 

​

Answer 1

您似乎没有定义您的列或数据。将JSON分配给一个变量：

var data = {
..faucetlist JSON here
}

借来的例子：https://datatables.net/manual/data/

$('#faucetlist').DataTable( {
    data: data,
    columns: [
        { data: 'column-1' },
        { data: 'column-2' },
        { data: 'column-3' },
        { data: 'column-4' }
    ]
} );

我故意不填列名。