저는 jQuery를 처음 사용합니다. 그리드에서 Datatables를 사용했지만 페이지 매김이 필요하지 않습니다.
한 페이지에 주문 목록이 있고 Datatable 그리드에 표시되지만 하단에는 페이지 매김을 표시하고 싶지 않습니다. jQuery 라이브러리에서 약간의 사용자 정의를 사용하여 데이터 테이블에서 페이지 매김을 제거하거나 숨기는 방법이 있습니까?
커스터마이징을 시도했지만 방법을 거의 찾지 못했습니다 ..
미리 감사드립니다.
답변:
"bPaginate": false,
생성자 매개 변수에 전달하는 구성 객체에 포함해야합니다 . 여기에 표시된대로 : http://datatables.net/release-datatables/examples/basic_init/filter_only.html
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 을 참조하십시오 .
data-paging='false'
경우 테이블 요소 도 작동합니다.
작동 중
아래 코드를 시도하십시오
$('#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
})
$('#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
})
이 코드 시도
다음은 몇 가지 다른 답변을 점진적으로 개선 한 대안입니다. 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();