Doesn't Show Processing Box after changing Number of Entries

Doesn't Show Processing Box after changing Number of Entries

torimpotorimpo Posts: 2Questions: 0Answers: 0
edited November 2012 in Bug reports
Hi, I am new using DataTables and I found an error.
I am using a server side configuration and each time I sort a column or I paginate to the next page, The processing message is being shown.
The problem is that if I change the number of entries from 10 to 100 for example, then If I sort a column or I press next button, the table is sorted or is paginated, but I don't see the processing message anymore.
Is this a bug?
Thank you very much for your help.
This is my dataTable configuration

$('#receipt_table').dataTable({
"sDom": 'lrtip',
"sPaginationType": "full_numbers",
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": listReceiptLink,
"sServerMethod": "POST",
"fnServerParams": function ( aoData ) {
aoData.push( { "name": "country", "value": $('#country').val() } );
aoData.push( { "name": "card", "value": $('#card').val() } );
aoData.push( { "name": "site", "value": $('#site').val() } );
aoData.push( { "name": "period", "value": $('#period').val() } );
aoData.push( { "name": "selectedList", "value":receiptList.join(",") } );
if($('#fromReceiptTransDate').val() !='') aoData.push( { "name":"fromReceiptTransDate", "value":$('#fromReceiptTransDate').val()} );
if($('#toReceiptTransDate').val() !='') aoData.push( { "name":"toReceiptTransDate", "value":$('#toReceiptTransDate').val()} );
if($('#fromReceiptPaymtDate').val() !='') aoData.push( { "name":"fromReceiptPaymtDate", "value":$('#fromReceiptPaymtDate').val()});
if($('#toReceiptPaymtDate').val() !='') aoData.push( { "name":"toReceiptPaymtDate", "value":$('#toReceiptPaymtDate').val()});
},
"fnRowCallback": function( nRow, aData, iDisplayIndex ) {

var index = jQuery.inArray(aData.DT_RowId, receiptList);
if ( index !== -1 ) {
$(nRow).hide();
} else if ( jQuery.inArray(aData.DT_RowId, aReceiptSelected) !== -1 ) {
$(nRow).addClass('yellow');
}
},
"fnDrawCallback": function (oSettings){
//show hide selected columns
$('.receiptCol').each(function() {
showHideColumn('#receipt_table', $(this).attr('name'), this.checked);
});
}
});

Replies

  • torimpotorimpo Posts: 2Questions: 0Answers: 0
    I have found out that the message was being shown. The problem is that was inside a div and I have to scroll the table to see it.
  • allanallan Posts: 63,498Questions: 1Answers: 10,470 Site admin
    I'd suggest using a bit of CSS to make it positioned fixed then. I'll look into used that by default in DataTables 1.10.

    Allan
This discussion has been closed.