[jquery] 데이터 테이블에서 페이지 매김을 제거하는 방법

Question 1

저는 jQuery를 처음 사용합니다. 그리드에서 Datatables를 사용했지만 페이지 매김이 필요하지 않습니다.

한 페이지에 주문 목록이 있고 Datatable 그리드에 표시되지만 하단에는 페이지 매김을 표시하고 싶지 않습니다. jQuery 라이브러리에서 약간의 사용자 정의를 사용하여 데이터 테이블에서 페이지 매김을 제거하거나 숨기는 방법이 있습니까?

여기에 이미지 설명 입력

커스터마이징을 시도했지만 방법을 거의 찾지 못했습니다 ..

미리 감사드립니다.

Question 2

"bPaginate": false,생성자 매개 변수에 전달하는 구성 객체에 포함해야합니다 . 여기에 표시된대로 : http://datatables.net/release-datatables/examples/basic_init/filter_only.html

Question 3

페이지 매김 비활성화

DataTables 1.9의 경우

bPaginate페이지 매김을 비활성화 하려면 옵션을 사용 하십시오 .

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

DataTables 1.10 이상

paging페이지 매김을 비활성화 하려면 옵션을 사용 하십시오 .

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

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

페이지 제어를 제거하고 페이지를 활성화 한 상태로 둡니다.

DataTables 1.9의 경우

sDom옵션을 사용 하여 페이지에 표시되는 제어 요소를 구성하십시오.

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

DataTables 1.10 이상

dom옵션을 사용 하여 페이지에 표시되는 제어 요소를 구성하십시오.

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

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

Question 4

작동 중

아래 코드를 시도하십시오

$('#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
})

Question 5

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

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

Question 6

$('#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
})

이 코드 시도

Question 7

페이지 매김을 제거하고 싶지만 dataTable의 순서를 지정하려면 페이지 끝에이 스크립트를 추가하십시오!

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

  } );
</script>

스 니펫 확장

Question 8

다음은 몇 가지 다른 답변을 점진적으로 개선 한 대안입니다. settings.aLengthMenu가 다차원이 아니고 (DataTables에 행 길이와 레이블이있는 경우 일 수 있음) 페이지로드 후 데이터가 변경되지 않는다고 가정하면 (단순 DOM로드 DataTable의 경우)이 함수를 삽입하여 페이징을 제거 할 수 있습니다. 여러 페이징 관련 클래스를 숨 깁니다.

아마도 더 강력한 것은 아래 함수 내에서 페이징을 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();