2010-05-20 7 views
32

Datatables에는 페이지 당 표시되는 레코드 수를 선택할 수있는 옵션이 있습니다. 기본값은 10, 25, 50 및 100부터 시작합니다. 어떻게 10 대신 5에서 시작하도록 변경할 수 있습니까? 10 개의 레코드가 너무 많아서 현재 디자인에서 많은 공간이 필요합니다. 고맙습니다.데이터 테이블의 결과 값을 변경하는 방법

http://datatables.net/

답변

66

당신은 당신이 DataTable 개체를 초기화 할 때 iDisplayLength 매개 변수를 사용하는 것이 좋습니다. 다음은 사용자들이 문서 목록의 예는 다음과 같습니다

$(document).ready(function() { 
    $('#example').dataTable({ 
     "iDisplayLength": 50 
    }); 
}) 

더 많은 정보는 여기에서 찾을 수 있습니다 : http://www.datatables.net/usage/options

+3

DataTables v1.10에 있기 때문에, 당신이 찾고있는 옵션은'pageLength'와'lengthMenu'입니다. –

85

완전 정답은 (5)에 모두 표시 길이를 사용하는 것입니다 :

$(document).ready(function(){ 
    $('#table').dataTable({ 
    "iDisplayLength": 5, 
    "aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]] 
    }); 
}); 

당신이 그냥 "iDisplayLength는"다음 드롭 다운 나중에 옵션에서 그 길이가 없습니다 사용하는 경우 또는 페이지가로드 될 때 (대신 기본적으로 첫 번째 옵션 인 IE 10이 표시됨). "aLengthMenu"만 사용하면 첫 번째 메뉴 옵션 대신 결과가 여전히 10으로 설정됩니다.

+0

틀린 내용입니다. 좋은 캐치. –

+0

동의합니다. 그것은 더 나은 해결책입니다. – seneyr

+3

DataTables v1.10부터 찾고자하는 옵션은'pageLength'와'lengthMenu'입니다. –

3

대답은 다음과 같은 시나리오

$(document).ready(function(){ 
 
    $('#table').dataTable({ 
 
    "aLengthMenu": [[10, 25, 50, 100], ["10 Per Page", "25 Per Page", "50 Per Page", "100 Per Page"]] 
 
    }); 
 
});

0

을 필요로 내 문제를 해결 그것은 거의하여 데이터 테이블 1.9
"iDisplayLength"에 대한 50

7
$.extend(true, $.fn.dataTable.defaults, { 
    "lengthMenu": [[5, 10, 15, 20, 25], [5, 10, 15, 20, 25]], 
    "pageLength": 5 

}); 
관련 문제