같은 줄에 페이지 길이와 페이지 매김을 표시 jquery dataTables

Question

같은 줄에 페이지 길이 옵션과 페이지 매김 옵션을 표시하는 방법이 있습니까?

자신의 CSS를 무시하고 같은 라인에서 그들을 표시 할 수있는 방법이 있나요 : 이것은 내가 가지고 어떻게? 둘 다 두 개의 분리 된 div에 있습니다. "jquery.dataTables.min.css"및 "bootstrap.min.css"를 추가했습니다.

Answer 1

부트 스트랩 프레임 워크의 레이아웃을 구성하려면 dom 옵션을 사용하십시오.

var table = $('#example').DataTable({ 
    dom: "<'row'<'col-sm-12'tr>>" + 
     "<'row'<'col-sm-4'l><'col-sm-8'p>>" 
}); 

코드 및 데모

Answer 2

편집 할 this jsFiddle 참조 : 아, 내가 코멘트에의 의견에 답장을 보낼 수 없습니다 실현, 나는 영업 이익이 할 수있는 희망이를 본다.

단순히 당신도 내가 그것을 자신의 COL-SM의하자 수 있습니다 당신이 원하는 경우

가

예를 들어, 내가 리터 후, 다음 아래와 같이 다른

var table = $('#example').DataTable({ 
    dom: "<'row'<'col-sm-12'tr>>" + 
     "<'row'<'col-sm-4'li><'col-sm-8'p>>" 
}); 

를 넣어 정보를 문자 나 추가 (부트 스트랩 표준에 따라 '행'의 12 분할에 맞추기 위해 8에서 4로 페이지 매김을 줄인다.)

var table = $('#example').DataTable({ 
    dom: "<'row'<'col-sm-12'tr>>" + 
     "<'row'<'col-sm-4'l><'col-sm-4'i><'col-sm-4'p>>" 
});