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

Program / 글쓴이

아무도 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>