Small problem with DT + JE

nmos

Hello everyone, I think my problem its very simple.. Let me first tell you what I have right now. I'm using Server-side processing + User selectable rows and now I need to use also jeditable.. The problem is that after editing an element and pressing enter it doesn't change, but the database gets the update with as it should (i need to press F5 to see the change in the table).. I believe the problem is with the fnDrawCallback this is the code I'm using any help will be very appreciated, thanks in advance.



$(document).ready(function() {
oTable = $('#example').dataTable( {

"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "tabla.php",
"fnServerData": fnDataTablesPipeline,
"aoColumns": [
{ "sClass": "center", "bSortable": false },
{ "bSortable": false },
{ "sClass": "center", "sType": "date" },
{ "sClass": "center" },
{ "sClass": "center" },
{ "sClass": "center" },
null,
null
],
"fnRowCallback": function( nRow, aData, iDisplayIndex ) {
var id = aData[6];
$(nRow).attr("id",id);
return nRow;
},

"aaSorting": [[1, 'desc']],
"fnDrawCallback": function () {
$('td', oTable.fnGetNodes()).editable( 'edita_datos.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"
} );

},

} );

} );