2011-07-07 15 views
0

나는 웹 사이트를 보았지만 jQuery 용 datatables 플러그인의 테이블 바닥 글에 sInfo를 넣는 방법을 찾을 수 없다. 나는 그들의 문서를 조사했지만 아무 것도 보지 못하고있다. 어떤 아이디어?Datatables plugin

편집 포스트 :

$(document).ready(function() { 

$('#usersPageList').dataTable({ 
    "sDom": 'rt<"pagination"p>', 
    "iDisplayLength": 1, 
    "sPaginationType": "full_numbers", 
}); 

var info = $('.dataTables_info') 
var clone = info.clone(); 
info.hide(); 
$('tfoot').append(clone); 

}); 

편집 포스트 2 :

Pastebin Code

+1

나를 도울 수 있을지 모르니 'sinfo'에 대해 알아보십시오. –

+0

내가 찾고있는 주요 부분은 총 x 행 x 개를 표시하는 것입니다. –

답변

1

실제로는 sDom 옵션으로 약간 재생해야합니다. 문서에서 발췌 :

This initialisation variable allows you to specify exactly where in the DOM you want DataTables to inject the various controls it adds to the page (for example you might want the pagination controls at the top of the table). DIV elements (with or without a custom class) can also be added to aid styling. The follow syntax is used: 
The following options are allowed: 

'l' - Length changing 
'f' - Filtering input 
't' - The table! 
'i' - Information 
'p' - Pagination 
'r' - pRocessing 
The following constants are allowed: 
'H' - jQueryUI theme "header" classes ('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix') 
'F' - jQueryUI theme "footer" classes ('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix') 
The following syntax is expected: 
'<' and '>' - div elements 
'<"class" and '>' - div with a class 
'<"#id" and '>' - div with an ID 
Examples: 
'<"wrapper"flipt>', '<lf<t>ip>' 

그래서 예를 들어 당신이 경우에 (난 당신이 < "H"공격대 찾기> t < "F"IP>는 길이 변화가, 필터 및 JQuery와 UI를 사용한다고 가정 " 처리 중 ... "(아약스가 활성화 된 경우) 헤더에 테이블이 있고, 바닥 글에 정보와 페이지 매김이 있습니다. 원하는 경우 한 번 이상 문자를 사용할 수 있으므로 정보를 넣을 수 있습니다 두 번 또는 세 번 당신이 원하는 경우

편집을 - 당신이 당신의 테이블의 TFOOT를 추가하고 싶은 말은 당신의 코멘트에이 경우 당신은 수동으로 추가 할 수 있습니다..

$(document).ready(function() { 

$('#usersPageList').dataTable({ 
    "sDom": 'rti<"pagination"p>',//add i here this is the number of records 
    "iDisplayLength": 1, 
    "sPaginationType": "full_numbers", 
}); 

var info = $('.dataTables_info') 
$('tfoot').append(info); 

}); 
+0

하지만 나는 테이블 바닥 글에 대해 이야기하고 있으며 이것이 어떻게 될지 확신하지 못합니다. –

+0

나는 내 대답을 편집하여 tfoot에 데이터를 삽입했습니다. –

+0

위의 게시물을 업데이트하여 현재 문제가 아닌 jquery 코드를 보여줍니다. –

1

당신은 bInfo option을 찾고 계십니까?

정보 디스플레이를 사용 또는 사용하지 않도록 설정합니다. 이 페이지에서 현재 인 데이터를 볼 수 있습니다. 데이터가 일 경우 필터링 된 정보가 포함 된 에 대한 정보가 표시됩니다.

+0

죄송합니다. 제가 정보로 본 줄 알았습니다. 하지만 어떻게하면 페이지 바닥 글에 표시하지 않을까요? –

+1

@Jeff : 정보는 테이블 아래에 표시되지만 실제로는 'tfoot' 요소에는 표시되지 않습니다. 그게 네가 원하는 곳이야? –

+0

가능하다면 멋지게 tfoot에 멋지게 표시하고 싶습니다. –