Guys Please help I want to remove Pagination,search , info if there is no data found message display

Td@12345

Guys Please help I want to remove Pagination,search , info if there is no data found message display

bindrid

They are disabled when no data, that is not good enough? If not, just use css to hide the controls.

bindrid

add a wrapper around the top and bottom controls:

$("example").DataTable({
        blah:blah,
     
        dom: "<'dt-top'lf>t<'dt-bottom'ip>",
      blah:blah});

then you can just do this in the most appropriate place

            $(".dt-top").hide();
            $(".dt-bottom").hide();

other options include destroying and rebuilding table with a dom:"t" to hide all of the controls

allan

There is also a plug-in that was developed by a community member to do this sort of thing, which uses basically the method @bindrid describes.

Allan

Td@12345

@bindrid I have tried your solution
$('#AssociatePatientList').dataTable({
blah:blah,
dom: "<'dt-top'lf>t<'dt-bottom'ip>",
blah:blah,
"language": {
"lengthMenu": "Display MENU records",
"info": "Displaying START to END of MAX records"
}});

I am getting blah not define.

bindrid

Your kidding right?

bindrid

In case you are, Just take the single line containing the dom:dom: "<'dt-top'lf>t<'dt-bottom'ip>", and add that to your DataTable. so if the above is your entire initialization it would be

$('#AssociatePatientList').dataTable({
    dom: "<'dt-top'lf>t<'dt-bottom'ip>",
   "language": {
    "lengthMenu": "Display MENU records",
    "info": "Displaying START to END of MAX records"
}});

Td@12345

@bindrid I am not kidding. sorry i am new in datatable

Td@12345

var prntTable = $('#PatientReqList').DataTable({
        dom: "<'dt-top'lf>t<'dt-bottom'ip>",
            "language": {
            "lengthMenu": "Display _MENU_ records",
            "info": "Displaying _START_  to  _END_ of _MAX_ records"
        },"aoColumnDefs": [{
            'bSortable': false,
            'aTargets': ['nosort']
        }]});
    
    $
            .ajax({
                url : "patientReqPending",
                type : 'POST',
                dataType : 'json',
                success : function(data1) {
                    console.log("data :" + data1.length);
                    if (data1.length == 0) {
                        $(".dt-top").hide();
                        $(".dt-bottom").hide();

---------------------Still it shows pagination------------

allan

Trust me on this one - try the plug-in I linked to above.

It will save you writing a custom draw callback function, which you would need to do, if you want to show and hide the table controls based on the data in the table on every draw.

Allan

Td@12345

@allan I will Try It. Can you please give reference URL for implementation Documentation.

Td@12345

I will inform you ance i done with it. Than You Allan

allan

There is documentation comments with examples in the plug-ins source.

Allan