pagination button not showed

MISZ

hi, i'm using dataTable to generate dynamic table. everything looks fine but pagination button did not appear.
my code as below

[code]




Senarai Kes Dalam Tangan



Nama Pembayar Cukai


Received Date






 






var detailsDataTable;
$(document).ready(function() {
detailsDataTable = $('#listOfKDT').dataTable({
"bSearchable" : true,
"bPaginate" : true,
"iDisplayLength" : 3,
"bLengthChange": false,
'aoColumns': [
{ "bSortable": false },
{ "sSortDataType": "Received Date" }
]
});

function viewDetails(id){
var caseDetailInfoForm = $('#inHandForm');
$('#inHandForm-staffId').val(id);
$('#inHandForm-search').val("inhand");
$('#inHandForm').css('cursor', 'pointer');
$('#inHandForm').ajaxSubmit({
'dataType': 'json',
'success': function(data, textStatus, XMLHttpRequest)
{
displayDetails(data);
},
'error':function(XMLHttpRequest, textStatus, errorThrown)
{
alert('Error when retrieving data from the server!');
}
});
}

function displayDetails(data) {
var c = data.length;
$('.dataTables_filter input').val('').keyup();
detailsDataTable.fnClearTable();
for(var i = 0; i < c; i++)
{
var row = data[i];
var name = row.name;
var receivedDate= row.receivedDate;
detailsDataTable.fnAddData([
name,
receivedDate
]);
}

[/code]

i tried to set "bPaginate" : true but still the button didn't appear. please help. thanks.