title: Jquery dataTable Editable Cell
body: <p>I give up as I have been messing around with this for the past 4 hours and I am just not getting anywhere. When using the jquery datatable found here. <a href="http://datatables.net/examples/api/editable.html" rel="nofollow">http://datatables.net/examples/api/editable.html</a> (seems like a very popular plug in) I can get pretty much everything I want to work except the editable cell part. I have my file in this order</p>
  
  <pre><code>&lt;script src="JS/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="JS/jquery.dataTables.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="JS/jquery.jeditable.js"&gt;&lt;/script&gt;
  &lt;script src="JS/jquery.validate.js"&gt;&lt;/script&gt;
  &lt;script src="JS/ColReorder.min.js"&gt;&lt;/script&gt;
  &lt;link href="JS/css/jquery.dataTables.css" rel="stylesheet" /&gt;
  </code></pre>
  
  <p>and then I have this script to get the table initialized.</p>
  
  <pre><code>function formattable(thistable) {
          //alert(thistable + " from format table")
         // $(document).ready(function () {
              //  ADPControlProcessor_Table1
          //$("#ADPControlProcessor_GridView1").dataTable();
  
          var oTable = $("#ADPControlProcessor_GridView1").dataTable({
                  //"bFilter": true,
                  "sScrollY": "200px",
                  "bPaginate": false,
                  "bAutoWidth": false,
                  "sDom": 'Rlfrtip'
  
  
  
              //});
              //alert("running");
         });
  
          //var oTable = $('#example').dataTable();
  
          /* Apply the jEditable handlers to the table */
          $('td', oTable.fnGetNodes()).editable('../examples_support/editable_ajax.php', {
              "callback": function (sValue, y) {
                  var aPos = oTable.fnGetPosition(this);
                  oTable.fnUpdate(sValue, aPos[0], aPos[1]);
              },
              "submitdata": function (value, settings) {
                  return {
                      "row_id": this.parentNode.getAttribute('id'),
                      "column": oTable.fnGetPosition(this)[2]
                  };
              },
              "height": "14px"
          });
  </code></pre>
  
  <p>I dont know what elese to try. can anyone point me in the right direction.</p>