Показать все страницы в DataTables вместе с адаптивными таблицами и другими атрибутами

Question

Я не знаю, как объединить функцию моих текущих атрибутов адаптивного и фиксированного заголовка и т. Д. С функцией Показать список «Все», как в этом https://datatables.net/examples/advanced_init/length_menu.html

Я не знаю, как это сделатьПожалуйста, помогите здесь моя текущая функция

<script type="text/javascript" language="javascript" class="init">

$(document).ready(function() {
  var table = $('#example').DataTable({
    responsive: true,
    paging: false,
    columnDefs: [{
      searchable: false,
      orderable: false,
      targets: 0,
    }],
    order: [
      [1, 'asc']
    ],

  });
  new $.fn.dataTable.FixedHeader(table);

  table.on('order.dt search.dt', function() {
    table.column(0, {
      search: 'applied',
      order: 'applied'
    }).nodes().each(function(cell, i) {
      cell.innerHTML = i + 1;
    });
  }).draw();
});
</script>

Я не могу объединить функцию с шоу меню «Все» в меню длины страницы в JavaScript, пожалуйста, помогите.также, пожалуйста, позвольте мне запустить сниппет, я очень новичок в js спасибо

Answer 1

var table = $('#example').DataTable({
    responsive: true,
    paging: false,

    // Add this line
    lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]],
    columnDefs: [{
      searchable: false,
      orderable: false,
      targets: 0,
    }],
    order: [
      [1, 'asc']
    ],

  });
  new $.fn.dataTable.FixedHeader(table);