DataTable Load Array

by Shree Khanal

HTML

<script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css">
<table id="tb_friendlist" class="table table-bordered table-hover" style="width:100%">
    <thead>
        <tr>
            <th>Steam ID</th>
            <th>Relationship</th>
            <th>Friend Since</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
          
          <th>Steam ID</th>
          <th>Relationship</th>
          <th>Friend Since</th>
        </tr>
    </tfoot>
</table>

JavaScript

var data =  {
   "friendslist":{
      "friends":[
         {
            "steamid":"76561197960265731",
            "relationship":"friend",
            "friend_since":0
         },
         {
            "steamid":"76561197960265738",
            "relationship":"friend",
            "friend_since":0
         },
         {
            "steamid":"76561197960265740",
            "relationship":"friend",
            "friend_since":0
         },
         {
            "steamid":"76561197960265744",
            "relationship":"friend",
            "friend_since":1585508613
         },
         {
            "steamid":"76561197960265747",
            "relationship":"friend",
            "friend_since":0
         },
         {
            "steamid":"76561197960265749",
            "relationship":"friend",
            "friend_since":0
         },
         {
            "steamid":"76561197960268093",
            "relationship":"friend",
            "friend_since":1251433222
         },
         {
            "steamid":"76561197960269040",
            "relationship":"friend",
            "friend_since":1436934825
         },
         {
            "steamid":"76561197960270258",
            "relationship":"friend",
            "friend_since":0
         },
         {
            "steamid":"76561197960270457",
            "relationship":"friend",
            "friend_since":1257142334
         },
         {
            "steamid":"76561197960271661",
            "relationship":"friend",
            "friend_since":1327552405
         },
         {
            "steamid":"76561197960273963",
            "relationship":"friend",
            "friend_since":0
         },
         {
            "steamid":"76561197960274006",
            "relationship":"friend",
            "friend_since":0
         },
         {
            "steamid":"76561197960274521",
            "relationship":"friend",
            "friend_since":1283486787
         },
         {
           ...