Datatable Fixed Column with editable not working

khirthane

I have created a fixed column datatable and i want a elements inside the fixed column to be editable. I have used the jeditable of datatable, but it is not working for the fixed columns,

It is working perfectly for other columns but not for fixed column, I have even tried to add class for that column need and tried but nothing happens


var oTable2 = $('#example2').dataTable({
"sScrollX": "160%",
"bScrollCollapse": true,
"aaData": []
});

new FixedColumns( oTable2, {
"iLeftColumns": 7,
"iLeftWidth": 550
});
$('td', oTable2.fnGetNodes()).editable( '../examples_support/editable_ajax.php', {
"callback": function( sValue, y ) {
var aPos = oTable2.fnGetPosition( this );
oTable2.fnUpdate( sValue, aPos[0], aPos[1] );
},
"submitdata": function ( value, settings ) {
return {
"row_id": this.parentNode.getAttribute('id'),
"column": oTable2.fnGetPosition( this )[2]
};
}
});


here instead of targeting at "td", i have also tried for the particular class

khirthane

This is the jsfiddle for my output, it can be seen that all the other elements of table will be editable except the fixed column elements

http://jsfiddle.net/gjKFz/1/