title: jeditable vs editable in datatable - what's the difference
body: <p>I am confused which plugin I should use with datatable jquery. My problem is I cannot find any answer that solve all my problems (I have suffered more than 4 hours now). Sorry if this problem has been already addressed countless times...</p>
  
  <p>I have a table with >10000 rows from a mysql database, I wanna add a cell Inline editing on a specific column and so I found two existing methods.</p>
  
  <ol>
  <li><a href="http://datatables.net/examples/api/editable.html" rel="nofollow">http://datatables.net/examples/api/editable.html</a></li>
  <li><a href="http://jquery-datatables-editable.googlecode.com/svn/trunk/inline-edit.html" rel="nofollow">http://jquery-datatables-editable.googlecode.com/svn/trunk/inline-edit.html</a></li>
  </ol>
  
  <p>My question is what are the differences ? Which one requires which js scripts as inputs (I got confused and added all of them at the end)...
  I have the feeling that some are outdated and doesn't work anymore with the most recent versions. Or maybe I am mixing both of them, so nothing works at the end.</p>
  
  <p>Jeditable (it doesn't work in my hand. when I click on any cell in the table, nothing happens)</p>
  
  <pre><code>$("#example.", oTable.fnGetNodes()).editable( 'php/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>Editable (When I click, editing event works, but the value is not updated in the database, except if editable_ajax.php contains full mysql query, but then the page is not reloaded)</p>
  
  <pre><code>$('#example').dataTable().makeEditable({
                      sUpdateURL: "php/editable_ajax.php",
                      "aoColumns": [
                          null,
                          {
                              indicator: 'Saving CSS Grade...',
                              tooltip: 'Click to select CSS Grade',
                              loadtext: 'loading...',
                              type: 'select',
                              onblur: 'submit',
                              data: "{'':'Please select...', '1':'Yes','0':'No'}" 
                          }
                      ]
                  });
  </code></pre>
  
  <p>PHP server side </p>
  
  <pre><code>&lt;?php
      echo $_POST['value'].' (server updated)';
  ?&gt;
  </code></pre>
  
  <p>One last question, is there one of them that handles more efficiently datatable with lots of row ? (it takes already 30 sec to load it).</p>