title: Display collection of nested objects in DataTables
body: <pre><code>[
  {
      "name": "Tiger Nixon",
      "position": "System Architect",
      "salary": "$320,800",
      "start_date": "/Date(1429653550233)/",
      "IssueList": null
  },
  {
      "name": "Tiger Nixon 1",
      "position": "System Architect 1",
      "salary": "$420,800",
      "start_date": "2011/04/25",
      "IssueList": [
          {
              "Number": 1,
              "IssueDate": "/Date(1429653550233)/",
              "Issue": "Lots of Problems"
          },
          {
              "Number": 2,
              "IssueDate": "/Date(1429185060000)/",
              "Issue": "Lots of Problems here too"
          }
      ]
  },
  {
      "name": "Tiger Nixon 2",
      "position": "System Architect 2",
      "salary": "$520,800",
      "start_date": "2011/04/25",
      "IssueList": [
          {
              "Number": 3,
              "IssueDate": "/Date(1429653550233)/",
              "Issue": "Lots of Problems"
          },
          {
              "Number": 4,
              "IssueDate": "/Date(1429185060000)/",
              "Issue": "Lots of Problems here too"
          }
      ]
  },
  {
      "name": "Tiger Nixon 3",
      "position": "System Architect 3",
      "salary": "$620,800",
      "start_date": "2011/04/25",
      "IssueList": null
  }
  </code></pre>
  
  <p>]</p>
  
  <p>I want to display the above JSON in "DataTables". The nested objects in the IssueList should be displayed as a child table inside the main table when the user clicks on a row.</p>
  
  <p>How can this be done in "DataTables"?  I am very new to "DataTables" and JavaScript and would appreciated your help.</p>