title: Difficulty in binding JSON data to Jquery Datatable
body: <p>I am having difficulty in binding JSON data to constuct a data table.</p>
  
  <p>My JSON is of the following:</p>
  
  <pre><code>[
    {
      "ID": 1,
      "Number": "2",
      "Name": "Avinash"
    },
    {
      "ID":2,
      "Number":"21",
      "Name":"XYZ"
    },
    {
      "ID": 3,
      "Number": "20",
      "Name": "KRR"
    }
  ]
  </code></pre>
  
  <p>I am binding this to jquery datatable as below:</p>
  
  <pre><code> $(document).ready(function () {
              $('#table_id').dataTable({
                  "bProcessing": true,
                  "bServerSide": true,
                  "sAjaxSource": '&lt;%:Url.Action("LoadData","Home")%&gt;'
              });
              $('#table_id').css("width", "100%")
          });
  </code></pre>
  
  <p>My Table Structure is as follows:</p>
  
  <pre><code>&lt;table id="table_id" border="0" class="display" cellpadding="1" cellspacing="1" align="center"&gt;
   &lt;thead&gt;           
              &lt;tr&gt;
                   &lt;th&gt;ID&lt;/th&gt;
                  &lt;th&gt;Number&lt;/th&gt;
                  &lt;th&gt;Name&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
  
      &lt;/table&gt;
  </code></pre>
  
  <p>I am getting error as follows:</p>
  
  <pre><code>  Datatables Warning(tableid="table_id"):Requested Unknown Parameter'0' from the datasource for row 0
  </code></pre>
  
  <p>please help..</p>
  
  <pre><code>public ActionResult LoadData()
                  {
                      var Data = new DataTable();
                      Data=DataModel.LoadData();
                      var JsonData = JsonConvert.SerializeObject(Data, Formatting.None);
                      return Json(new
                      {
                          aaData = JsonData
                      }, JsonRequestBehavior.AllowGet);
                  }
  </code></pre>