отключить разбиение на страницы, если в datatables есть только одна страница

основываясь на ответе Николы, вы можете использовать обратный вызов fnDrawCallback() и объект oSettings, чтобы скрыть разбиение таблицы на страницы после ее рисования. С oSettings вам не нужно ничего знать о настройках таблицы (записи на страницу, селекторы, относящиеся к таблице и т. д.)

следующие проверки, чтобы увидеть, если длина отображения на странице больше, чем общее количество записей и скрывает разбиение на страницы, если это есть:

$('#your_table_selector').dataTable({
    "fnDrawCallback": function(oSettings) {
        if (oSettings._iDisplayLength > oSettings.fnRecordsDisplay()) {
            $(oSettings.nTableWrapper).find('.dataTables_paginate').hide();
        }
    }
});

документация

• fnDrawCallback ()
• oSettings

см. мой плагин функций conditionalPaging.

использование:

$('#myTable').DataTable({
    conditionalPaging: true
});

or

$('#myTable').DataTable({
    conditionalPaging: {
        style: 'fade',
        speed: 500 // optional
    }
});

это правильный подход при работе в V1.10 + из jQuery Datatables. Процесс, как правило, такой же, как и в предыдущих версиях, но имена событий и методы API немного отличаются:

$(table_selector).dataTable({
    preDrawCallback: function (settings) {
        var api = new $.fn.dataTable.Api(settings);
        var pagination = $(this)
            .closest('.dataTables_wrapper')
            .find('.dataTables_paginate');
        pagination.toggle(api.page.info().pages > 1);
    }
});

документация

• https://datatables.net/reference/option/preDrawCallback
• https://datatables.net/reference/api/page.info()

используя @sina предложение выше, включая исправление, упомянутое @GuiSim.

добавьте этот код в запрос инициализации datatables.

в jQuery

    "fnDrawCallback": function (oSettings) {
      var pgr = $(oSettings.nTableWrapper).find('.dataTables_paginate')
      if (oSettings._iDisplayLength > oSettings.fnRecordsDisplay()) {
        pgr.hide();
      } else {
        pgr.show()
      }
    }

или еще лучше заменить

"fnDrawCallback": null 

в ваших таблицах данных.js для применения кода сайта широко.

Я предпочитаю решение @sina. Хорошая работа.

но мой поставляется с некоторыми необходимыми улучшениями. @sina забыл else часть, чтобы снова показать разбиение на страницы, если необходимо. И я добавил возможность определить на lengthMenu следующее:

jQuery('#your_table_selector').dataTable({
    "lengthMenu": [[10, 25, 50, 100, 250, 500, -1], [10, 25, 50, 100, 250, 500, "All"]],

    "fnDrawCallback": function(oSettings) {
        if (oSettings._iDisplayLength == -1
            || oSettings._iDisplayLength > oSettings.fnRecordsDisplay())
        {
            jQuery(oSettings.nTableWrapper).find('.dataTables_paginate').hide();
        } else {
            jQuery(oSettings.nTableWrapper).find('.dataTables_paginate').show();
        }
    }
});

Это напрямую невозможно, поскольку DataTables не поддерживает включение и отключение функций во время выполнения. Однако вы можете использовать функцию fnDrawCallback (), чтобы проверить, есть ли только одна страница, и если да, то скрыть элементы управления разбиением на страницы.

просто добавьте в таблицу стилей следующее:

.dataTables_paginate .paginate_button.disabled {
    display: none;
}

вы можете следовать этим путем.

"fnDrawCallback":function(){
      if(jQuery('table#table_id td').hasClass('dataTables_empty')){
            jQuery('div.dataTables_paginate.paging_full_numbers').hide();
      } else {
            jQuery('div.dataTables_paginate.paging_full_numbers').show();
      }
 }

это сработало для меня.

Я попытался сделать sPaginationType как динамический в datatable для каждой записи, но я не могу найти правильное решение для этого, но то, что я сделал, было

"fnDrawCallback": function(oSettings) {
    $('select[name="usertable_length"]').on('change', function(e) {
        var valueSelected  = this.value;
        if ( valueSelected < 10 ) {
            $('.dataTables_paginate').hide();
        } else {
            $('.dataTables_paginate').show();
        }
    });
},

$('#dataTable_ListeUser').DataTable( {

    //usual pager parameters//

    "drawCallback": function ( settings ) {

    /*show pager if only necessary
    console.log(this.fnSettings());*/
    if (Math.ceil((this.fnSettings().fnRecordsDisplay()) / this.fnSettings()._iDisplayLength) > 1) {
        $('#dataTable_ListeUser_paginate').css("display", "block");     
    } else {                
        $('#dataTable_ListeUser_paginate').css("display", "none");
    }

    }
   });

jQuery - Я пробовал со следующими вариантами, это сработало для меня

    $("#your_tbl_selector").dataTable({
    "pageLength": 3,
    "autoWidth": false,
    "fixedHeader": {"header": false, "footer": false},
    "columnDefs": [{ "width": "100%", "targets": 0 }],
    "bPaginate": true,
    "bLengthChange": false,
    "bFilter": true,
    "bInfo": false,
    "bAutoWidth": false,
    "oLanguage": {
     "oPaginate": {
       "sNext": "",
       "sPrevious": ""
     }
   },
   "fnDrawCallback": function(oSettings) {                 
        if (oSettings._iDisplayLength >= oSettings.fnRecordsDisplay()) {
          $(oSettings.nTableWrapper).find('.dataTables_paginate').hide();
        }
    }
});

DataTable Вид Вывода

эта функция обратного вызова работает в общем случае с любым datatable без необходимости жесткого кода ID таблицы:

$('.data-table').dataTable({
    fnDrawCallback: function(oSettings) {
       if(oSettings.aoData.length <= oSettings._iDisplayLength){
         $(oSettings.nTableWrapper).find('.dataTables_paginate').hide();
       }
    }
});

Если ваши данные не являются динамическими, т. е. сервер генерирует таблицу HTML, которая затем расширяется с помощью DataTables, вы можете отобразить параметр подкачки на сервере (я использую razor).

$("#results").dataTable({
  paging: @(Model.ResultCount > Model.PageSize ? "true" : "false"),
  // more ...
});

Я знаю, что это старый пост, но для тех из нас, кто будет использовать это, и иметь ОКР, как и я, необходимы изменения.

измените оператор if,

if (oSettings._iDisplayLength > oSettings.fnRecordsDisplay()) 

to

if (oSettings._iDisplayLength >= oSettings.fnRecordsDisplay()) 

С этим небольшим изменением вы увидите кнопки разбиения на страницы для записей длиной более 10, 25, 50, 100 вместо представления кнопок разбиения на страницы только с 10 записями, технически 10, 25 и т. д. записи по-прежнему являются одной страницей.

вот мое решение, оно работает также, если у вас есть несколько таблиц на одной странице. Например, это предотвращает Колизей (таблица A должна иметь разбиение на страницы, А B-нет).

tableId в моем коде никогда не определяется. Если вы не определили идентификатор для своей таблицы, dataTable сделает это за вас, добавив что-то вроде "DataTables_Table_0"

    fnDrawCallback: function (oSettings) {
        if ($(this).DataTable().column(0).data().length <= oSettings._iDisplayLength) {
            var tableId = $(this).attr('id');
            $('#' + tableId + '_paginate').hide();
        }
    }

это решило мои проблемы:

.dataTables_paginate .disabled {
   display:none;
}   
dataTables_paginate .disabled + span {
   display:none;
}   

надеюсь, это поможет вам всем