JQuery DataTable에서 기본적으로 모든 행을 표시하는 방법

아무도 jQuery 데이터 테이블에서 기본적으로 모든 행을 표시하는 방법을 알고 있습니까?

이 코드를 시도했지만 기본적으로 10 개의 행만 표시됩니다.

   $("#adminProducts").dataTable({
        "aLengthMenu": [100]
    });

사용하다:

$('#example').dataTable({
    aLengthMenu: [
        [25, 50, 100, 200, -1],
        [25, 50, 100, 200, "All"]
    ],
    iDisplayLength: -1
});

또는 1.10 이상을 사용하는 경우

$('#example').dataTable({
    paging: false
});

사용해야하는 옵션은 iDisplayLength입니다.

$('#adminProducts').dataTable({
  'iDisplayLength': 100
});

$('#table').DataTable({
   "lengthMenu": [ [5, 10, 25, 50, -1], [5, 10, 25, 50, "All"] ]
});

이것은 나를 위해 작동합니다.

    $(document).ready(function() {
    $('#example').DataTable( {
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
      } );
    } );

DataTables 1.10 이상을 사용하는 경우 <table>태그 에 data- * 속성을 사용할 수 있습니다.data-page-length="-1"

이는 아래와 같이 데이터 테이블 기본 구성에 "-1"이 정의되어 있다고 가정합니다.

$.extend(true, $.fn.dataTable.defaults, { 
    lengthMenu: [[10, 25, 50, 250, -1], [10, 25, 50, 250, "All"]]
});

자바 스크립트가 간단 해지 $("table").DataTables();며 HTML의 모든 표에 대한 표시를 사용자 정의 할 수 있습니다. IE. 동일한 페이지에 10 행으로 제한되어야하는 두 번째 작은 테이블이있는 경우<table data-page-length="10">

'fnDrawCallback'사용

  $('#dataTable').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "fnInitComplete": function(){
            $('.display_results').show();
        },
        "fnDrawCallback": function() {
            $('.def').click(function(){
                var msg = $(this).next().text();
                $('.messages').messageBox()//Custom Dialog
            });
        }
})

다음은 .html 파일의 전체 기능 자바 스크립트입니다.

<!--- javascript -->
<script type="text/javascript">
  $(document).ready(function(){
    $('#sortable').dataTable({
        'iDisplayLength': 100
    })})
</script>

bootstrap-table.min.js를 다운로드하고 수정해야합니다.

• bootstrap-table.min.js를 다운로드 한 경우 파일을 열고 "pageList : [10"을 찾아 "pageList : [10,15,20,25,50,100,"All "]"로 만듭니다. "모두"가 이렇게 쓰여 졌는지 확인하십시오.

• 기본 페이지 크기도 같은 줄 "pageSize : 10"에서 변경할 수 있으며 pageSize : "All"로 변경할 수 있습니다.

• 다른 옵션도 수정할 수 있습니다.

• 수정을 완료 한 후 포함하거나 새 장소에 연결하는 것을 잊지 마십시오.

명확하고 쉽게 할 수 있기를 바랍니다.