type: 'select' not working

xesionprince

I'm trying to get the third column of my datatable showing a select list for each row, but it is only showing the default textbox!

var oTable = $('#assignments').dataTable();

// Apply the jEditable handlers to the table
$('td:eq(2)', oTable.fnGetNodes()).editable({

"sAddURL": "/ClassificationAssignments/Save",
"sDeleteURL": "/ClassificationAssignments/Delete",
"sScrollY": "300px",
"bPaginate": true,
"bProcessing": true,
"bServerSide": false,
"aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
"aoColumns": [{}, {}, { type: 'select', data: "{'A':'A','B':'B'}", event: 'mouseover'}],

"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": "10px"
});