title: Load data from json file with listAction on jTable
body: <p>I m a new bee in java...
  cant work it out and i m sure its very easy so i was wondering if anyone can help me,,pleaseee...
  so, i want to view my json data in html using jTable pluging ,,,please some help 
  using netbeans my test.json file is in the format </p>
  
  <pre><code> {
  "Result": "OK",
  "TotalRecordCount": 23,
  "Records": [
      {
          "vEmail": "miad@gmail1.com",
          "vUserName": "admin",
          "nDepartmentId": "652",
          "nEnabled": "1",
          "department": 62,
          "vFatherName": "mixalis",
          "vSurname": "mixalis",
          "vAfm": "5678678",
          "vUsertype": "",
          "vName": "mixalis",
          "nId": "5651",
          "rolesDesc": ""
      },
  </code></pre>
  
  <p>and so on on my code usng the listAction url and the load method but i m missing smthg here??what is it?is it a bracket?is it a plane?is it a train?no its superman..(that was a joke),
  my code
      
      
       
          
          
          
          </p>
  
  <pre><code>    &lt;link rel="stylesheet" href="/test/css/template.css" type="text/css" /&gt;
    &lt;!-- Include one of jTable styles. --&gt;
      &lt;link href="/test/jtable/themes/metro/blue/jtable.min.css" rel="stylesheet" type="text/css" /&gt; 
    &lt;!-- Include jTable script file. --&gt;
      &lt;script src="/test/jtable/jquery.jtable.min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
  $(document).ready(function () {
      $('#PersonTableContainer').jtable({
          title: 'Kyriakos Test with Table of Persons',
          actions: {
              listAction: '/test/test.json'               
          },
          fields: {
              PersonId: {
                  key: true,
                  list: false
              },
              vEmail: {
                  title: 'Email',
                  width: '8.3%'
              },
              vUserName: {
                  title: 'User Name',
                  width: '8.3%'
              },
              nDepartment: {
                  title: 'Department',
                  width: '8.3%'
                  },
              nEnabled: {
                  title: 'Enabled',
                  width: '8.3%'
                  },
              department: {
                  title: 'Department',
                  width: '8.3%'
                  },
              vFatherName: {
                  title: 'Father Name',
                  width: '8.3%'
                  },
              vSurname: {
                  title: 'Surname',
                  width: '8.3%'
                  },
              vAfm: {
                  title: 'Afm',
                  width: '8.3%'
                  },
              vUsertype: {
                  title: 'User Type',
                  width: '8.3%'
                   },
              vName: {
                  title: 'Name',
                  width: '8.3%'
                   },
              nId: {
                  title: 'Id',
                  width: '8.3%'
                   },
              rolesDesc: {
                  title: 'Roles Desc',
                  width: '8.3%'
  
            }
  
          }
        $('#PersonTableContainer').jtable('load');
     });
  });
  </code></pre>
  
  <p>     </p>
  
  <pre><code>&lt;/head&gt;
  &lt;body&gt;
  &lt;div id="PersonTableContainer"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>what were?? oohh i m confused...</p>