horizontal scroll is not visible.

shrutiGarg

Hi,
I have an issue related to scrollx (horizontal scroll).
I have used following code in jquery for horizontal scroll:
CODE1****

$(document).ready(function() {
$('#example').DataTable(
{

"scrollY": "200",
"scrollX": true,
columnDefs: [ {
targets: [ 0 ],
orderData: [ 0, 1 ]
}]

});

} );

Sorting and vertical scroll is working fine but horizontal scroll is not visible.

If i change my above code to as given below:

CODE2
$(document).ready(function() {
$("#example tfoot th").each(function(){
$(this).html('<input type="text" placeholder="'+$(this).text()+'"/>');
});
var testTable=$('#example').DataTable(
{

"scrollY": "200",
"scrollX": true,
columnDefs: [ {
targets: [ 0 ],
orderData: [ 0, 1 ]
}]

});

} );
horizontal scroll is visible.
What is the difference ,why scroll is not visible in CODE1.

I appreciate any help you can give on this.
Regards,
Shruti Garg