There are no problems when display 10, 25 and 50 records.
But when choosing -1 or All, I see two problems/issues.

1. At the bottom, it will display "Showing 1 to -1 of 56 entries".
2. 50 records out of 56 are displayed and the First/Previous/Next/Last buttons are grayed out.

I'm using version 1.7.0 and below is the code.

jQuery().ready(function() {
jQuery('.appliance-list').dataTable({
aaSorting: [[ 3, "asc" ]],
aLengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]],
bProcessing: true,
bServerSide: true,
sAjaxSource: '%getUrl',
bJQueryUI: true,
sPaginationType: 'full_numbers',
iDisplayStart: 0,
iDisplayLength: 50,
bRetrieve: true,
bAutoWidth: false,
aoColumns: [
{ sWidth: '10px', bSearchable: false },
{ bSearchable: false, bVisible: false },
null,
null,
{ sWidth: '50px' },
{ sWidth: '50px' },
{ sWidth: '150px' },
{ sWidth: '50px' },
{ sWidth: '50px' },
{ sWidth: '50px' },
{ sWidth: '50px' },
{ sWidth: '70px', bSearchable: false, bSortable: false }
],
fnRowCallback: function( nRow, aData, iDisplayIndex ) {
jQuery('td:eq(0)', nRow).html('');
if ( aData[7] == 1) {
jQuery('td:eq(6)', nRow).html( '' );
} else {
jQuery('td:eq(6)', nRow).html( '' );
}
if ( aData[8] == 1) {
jQuery('td:eq(7)', nRow).html( '' );
} else {
jQuery('td:eq(7)', nRow).html( '' );
}
if ( aData[9] == 1) {
jQuery('td:eq(8)', nRow).html( '' );
} else {
jQuery('td:eq(8)', nRow).html( '' );
}
jQuery('td:eq(10)', nRow).addClass('actions');
return nRow;
},
fnServerData: function ( url, data, callback ) {
jQuery.ajax({
"url": url,
"data": data,
"success": callback,
"dataType": "json",
"cache": false,
"error": function (xhr) {
if (!xhr || xhr.status != 401) {
alert( "DataTables warning: JSON data from server failed to load or be parsed. "+
"This is most likely to be caused by a JSON formatting error." );
} else {
alert('Your session expired !');
window.location.href = '%loginUrl';
}
}
});
}
});
// remove icon click
jQuery('.appliance-list a.remove').live('click', function() {
return confirm('%confirmText');
});
// all checkbox support
jQuery('input[type="checkbox"][id="all"]').click(function(ev) {
var t = jQuery(this);
if (t.attr('checked')) {
jQuery('input[type="checkbox"][id!="all"]').attr('checked', 'checked');
} else {
jQuery('input[type="checkbox"][id!="all"]').removeAttr('checked');
}
ev.stopPropagation();
});
jQuery('a#batch').click(function() {
var list = jQuery('input[type="checkbox"][id!="all"]:checked');
if (list.length) {
var applianceList = [];
list.each(function(idx, item) {
applianceList.push(item.name);
});
jQuery.post('%batchIdUrl', {applianceList: applianceList}, function(data, status, xhr) {
if (data.message) {
alert(data.message);
} else if (data.setId) {
redirect('%redirectUrl' + '/index/set_id/' + data.setId);
} else {
alert('An error occured while getting set id');
}
}, 'json');
} else {
alert('%selected');
}
return false;
});
});