Invalid Argument Error when adding sScrollY to ServerSide table

Invalid Argument Error when adding sScrollY to ServerSide table

XandrianaXandriana Posts: 1Questions: 0Answers: 0
edited December 2010 in General
First off, thanks for such a great tool! It's fulfilled many of our needs for our site.

I just updated to 1.7.5 and was trying to add the 'sScrollY' feature into the tables I have already created. All of the tables were working perfectly until I added the 'sScrollY' and then it began giving me the error 'Invalid Argument'. After removing 'sScrollY' my code works again, but I would really like to use it. I tracted the error and it happens after the Ajax call whenever the program goes into the function fnCallback. Here is my code...
[code] oTable = $('#' + tableId).dataTable(
{
"bProcessing": true,
"bJQueryUI": true,
"sScrollY": 200,
"bServerSide": true,
"bPaginate": isPagable,
"bLengthChange": false,
"bFilter": isFilterable,
"bSort": true,
"bInfo": displayInfo,
"bAutoWidth": false,
"iDisplayStart": displayStart,
"iDisplayLength": displayLength,
"sAjaxSource": source,
"sDom": toolBar,
"aoColumns": [{ "bVisible": false },
{ "bVisible": false },
{ "bSortable": isSortable, "sWidth": "33%" },
{ "bSortable": isSortable, "sWidth": "35%" },
{ "bSortable": false, "sWidth": "10%" },
{ "bSortable": false, "sWidth": "10%" },
{ "bSortable": false, "sWidth": "10%", "fnRender": function(oObj) { return ''; } }],
"fnServerData": function(sSource, aoData, fnCallback) {
//Pushes all of the parameters onto the aoData object. These parameters can then be accessed in the ajaxSource file.
aoData.push({ "name": "PageSize", "value": PageSizePassed });
aoData.push({ "name": "CodeSchemeId", "value": CodeSchemeIDPassed });
aoData.push({ "name": "CrewPosition", "value": CrewPositionPassed });
aoData.push({ "name": "InfoID", "value": infoID });
aoData.push({ "name": "WingID", "value": wingID });
aoData.push({ "name": "GroupID", "value": groupID });
aoData.push({ "name": "SquadronID", "value": squadronID });
aoData.push({ "name": "FlightName", "value": flightName });
aoData.push({ "name": "LineAssigned", "value": lineAssigned });
aoData.push({ "name": "DisplayCrewPosition", "value": displayCrewPositions });
ajaxCall({
type: 'POST',
url: sSource,
dataType: 'json',
data: aoData,
success: function(json) {
fnCallback(json);

setDraggable();
},
error: function(xhr) {
$('#' + divID).html('' + xhr.status + " " + xhr.statusText + '');
}
});
}
}); [/code]

I tried using sScrollY on another dataTable I have that is very basic and it worked fine. Unfortunately I have not been able to find the reason for the error even after removing most of extra code from my dataTable call. When begugging the code, it sends me to this code segement in the dataTables.js file.

[code]
a.nTable.insertBefore(i,a.nTable.childNodes[0])
[/code]

Any help or suggestions would be great! Thanks!
This discussion has been closed.