데이터 가능한 페이지 제거 방법

데이터 가능한 페이지 제거 방법

데이터 테이블을 그리드에 사용했지만 페이지화는 필요하지 않습니다.

한 페이지에 주문 목록이 있고 나는 그것들을 데이타블 그리드로 보여주지만 아래쪽에는 페이지 표시를 하고 싶지 않습니다.jQuery 라이브러리에서 비트 사용자 지정을 사용하여 데이터 테이블에서 페이지를 제거하거나 숨길 수 있는 방법이 있습니까?

커스터마이징을 시도해 보았지만 방법을 거의 찾을 수 없었습니다.

다음을 포함해야 합니다."bPaginate": false,Configuration 개체에 대해 생성자 매개 변수를 전달합니다.여기에서 보는 바와 같이: http://datatables.net/release-datatables/examples/basic_init/filter_only.html

페이지 구성 사용 안 함

데이터 표 1.9의 경우

페이지 구성을 비활성화하려면 옵션을 사용합니다.

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

데이터 테이블용 1.10+

페이지 구성을 비활성화하려면 옵션을 사용합니다.

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

코드 및 데모는 이 jsFiddle을 참조하십시오.

호출 제어 제거 및 호출 활성화

데이터 표 1.9의 경우

페이지에 나타나는 제어 요소를 구성하려면 옵션을 사용합니다.

$('#example').dataTable({
    "sDom": "lfrti"
});

데이터 테이블용 1.10+

페이지에 나타나는 제어 요소를 구성하려면 옵션을 사용합니다.

$('#example').dataTable({
    "dom": "lfrti"
});

코드 및 데모는 이 jsFiddle을 참조하십시오.

그건 효과가 있다.

아래 코드로 시도

$('#example').dataTable({
    "bProcessing": true,
    "sAutoWidth": false,
    "bDestroy":true,
    "sPaginationType": "bootstrap", // full_numbers
    "iDisplayStart ": 10,
    "iDisplayLength": 10,
    "bPaginate": false, //hide pagination
    "bFilter": false, //hide Search bar
    "bInfo": false, // hide showing entries
})

$(document).ready(function () {
            $('#Grid_Id').dataTable({
                "bPaginate": false
            });
        });

나는 그것을 사용해서 문제를 해결했습니다.

$('#table_id').dataTable({    
    "bInfo": false, //Dont display info e.g. "Showing 1 to 4 of 4 entries"
    "paging": false,//Dont want paging                
    "bPaginate": false,//Dont want paging      
})

이 코드를 사용해 보십시오.

페이지 페이지를 제거하고 dataTable을 순서화하려면 페이지 끝에 이 스크립트를 추가합니다!

<script>
$(document).ready(function() {        
    $('#table_id').DataTable({
        "paging":   false,
       "info":     false
    } );
      
  } );
</script>

추가할 수 있습니다.data-paging='false'에게<table>해당 테이블에 대해 요소 및 페이지 표시가 비활성화됩니다.

다음은 다른 몇 가지 답변에 대한 점진적인 개선입니다.설정을 가정합니다.길이 메뉴는 다차원 메뉴가 아니며(데이터 테이블에 행 길이와 레이블이 있는 경우 가능), 페이지 로드 후 데이터가 변경되지 않습니다(단순 DOM 로드된 데이터 테이블의 경우). 이 기능을 삽입하여 페이징을 제거할 수 있습니다.여러 페이징 관련 클래스를 숨깁니다.

아마도 더 강력한 것은 아래 함수 내부에서 페이징을 false로 설정하는 것이겠지만, 그것에 대한 API 호출은 오프핸드로 볼 수 없습니다.

$('#myTable').on('init.dt', function(evt, settings) {
    if (settings && settings.aLengthMenu && settings.fnRecordsTotal && settings.fnRecordsTotal() < settings.aLengthMenu[0]) {
        // hide pagination controls, fewer records than minimum length
        $(settings.nTableWrapper).find('.dataTables_paginate, .dataTables_length, .dataTables_info').hide();
    }
}).DataTable();

언급URL : https://stackoverflow.com/questions/17832742/how-to-remove-pagination-in-datatable