title: JQuery datatables is not loading data to table. Any ideas?
body: <p>This is my first attempt at jQuery datatables.</p>
  
  <p>I am trying to populate html table with data from php using jquery datatables.</p>
  
  <p>The code below is stuck on <code>Loading data from server</code>.</p>
  
  <p>Any ideas what changes I need to make to make this work?</p>
  
  <pre><code>    &lt;link rel="stylesheet" type="text/css" href="css/header.css"&gt;
  &lt;div id="container"&gt;
  &lt;div style="width:680px"&gt;
  &lt;table id="tbDetails" cellpadding="0" cellspacing="0"  id="example"&gt;
  &lt;thead style="background-color:#DC5807; color:White; font-weight:bold;font-size:10pt;"&gt;
  &lt;tr style="border:solid 1px #000000"&gt;
      &lt;th width="5%"&gt;ID&lt;/th&gt;
      &lt;th width="10%"&gt;Date&lt;/th&gt;
      &lt;th width="10%"&gt;Request Status&lt;/th&gt;
      &lt;th width="15%"&gt;Requestor FullName&lt;/th&gt;
      &lt;th width="15%"&gt;Requestor WorkPhone&lt;/th&gt;
      &lt;th width="15%"&gt;Requestor Email&lt;/th&gt;
      &lt;th width="15%"&gt;Primary SiteContact&lt;/th&gt;
      &lt;th width="15%"&gt;Secondary SiteContact&lt;/th&gt;
    &lt;/tr&gt;
   &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td colspan="8" class="dataTables_empty"&gt;Loading data from server&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  
   &lt;/table&gt;
   &lt;/div&gt;
    &lt;div class="spacer"&gt;&lt;/div&gt;
   &lt;/div&gt;
           &lt;style type="text/css"&gt;
           @import "jquery/dataTables/media/css/jquery-ui.css";
           @import "jquery/datatables/media/css/demo_table.css";
           td{padding-right:30px;}
           .row_selected{color: gray;}
           &lt;/style&gt;
   &lt;script type="text/javascript"&gt;
   $(document).ready(function() {
       var what = "customer";
       /* Init DataTables */
       var oTable = $('#example).dataTable({
           "bJQueryUI" : true,
           //"bProcessing" : true,
           "bServerSide" : true,
           "sPaginationType" : "RequestID",
           "sAjaxSource" : "filltable.php",
  
           "aoColumns" : [{
               "sClass" : "center",
               "bSortable" : false,
           }, {
               "sName" : "RequestID",
               "mData" : "2"
           }, {
               "sName" : "RequestDate",
               "mData" : "3"
           }, {
               "sName" : "RequestStatus",
               "mData" : "4"
           }, {
               "sName" : "RequestorFullName",
               "mData" : "5"
           }, {
               "sName" : "RequestorWorkPhone",
               "mData" : "6"
           }, {
               "sName" : "RequestorEmail",
               "mData" : "7"
           }, {
               "sName" : "PrimarySiteContactDisplay",
               "mData" : "8"
           }, {
               "sName" : "SecondarySiteContactDisplay",
               "mData" : "9"
           }],
           "aaSorting" : [[1, 'RequestDescription']]
       })
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>Many thanks in advance</p>
  
  <p>For some reason, maybe my browser is old, it is no longer allowing me to click on <code>Add commnt</code>.</p>
  
  <p>Iny anycase, thanks for pointing that out. I don't know why it disappeared after my post.</p>
  
  <p>My code has tick marks.</p>
  
  <p>Needless to say, that's not the problem.</p>
  
  <p>Eduardo, please forgive me. for some reason, just today, this is not allowing me to Add comments.</p>
  
  <p>so, I am doing it here.Naybe old browser.</p>
  
  <p>I think the way I am doing it should work though.</p>
  
  <p>So, I am really not sure what the problem is.</p>
  
  <p>I will attempt to change to your suggestion but not sure that's the solution here.</p>