페이지 크기에 대한 내 선택 드롭 다운 지정

Question

페이지 크기를 제어하는 ​​데 사용할 수있는 데이터 테이블 그리드 외부에있는 선택 메뉴를 갖고 싶습니다.

dom 옵션을 사용하고 >l을 설정하여 격자 내에서 페이지 크기 드롭 다운을 이동할 수 있다는 것을 알고 있습니다. 그러나 그리드 외부에있는 드롭 다운을 사용하여이 옵션을 사용할 수 없습니다.

내 드롭 다운에서 변경 이벤트를 처리해야한다고 가정하고 페이지 크기 속성을 설정 한 다음 .draw()을 호출하십시오.

데이터 테이블을 초기화 할 때 페이지 크기에 사용할 드롭 다운 목록을 선택하고 변경 사항을 처리하도록하십시오.

Answer 1

scracth에서 새 드롭 다운 (길이 메뉴)을 만들지 말고 detach() 및 appendTo()을 사용하여 길이 메뉴를 원하는 위치로 이동하십시오. dataTables에서 길이 메뉴가 항상 ID <datatable-id>_length, 그래서 당신은 데이터 테이블을 초기화 한 후이 작업을 수행 :

var dataTable = $("#example").DataTable(); 
... 
$(document).ready(function() { 
    $("#example_length").detach().appendTo('#container') 
}); 

당신이 길이 메뉴가 격자 외부에 배치 할 위치를 #container입니다.
데모보기 (1.10.x) ->http://jsfiddle.net/rjo8hfsu/