2011-07-07 6 views
0

私はウェブサイトを見てきましたが、jQuery用のdatatablesプラグインのテーブルフッタにsInfoを入れる方法がわかりません。私は彼らの文書を見てきましたが、ただ何も見ていません。何か案は?Datatablesプラグイン

編集ポスト:

$(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」LFR> T <「F」IP>は、長さ変化を持っている、フィルタやjqueryのUIを使用していると仮定 " (もしあなたがajaxを有効にしている場合)ヘッダーにテーブルを持っていれば、フッターに情報とページネーションがあります。もしあなたが情報を入れることができるように複数の文字を使うことができたら。二回または三回したい場合は

EDIT - あなたのコメントにあなたはあなたのテーブルのTFOOTを追加したいと言う場合、あなただけ手動で追加することができます。

0123を。
+0

しかし、私はテーブルフッタについて話していて、それがどのようになるかわからない。 –

+0

私は答えを編集してtfootにデータを挿入しました –

+0

私は現在の問題だけではないjqueryコードを表示するために私の投稿を更新しました。 –

1

あなたはbInfo optionをお探しですか?

テーブル 情報表示を有効または無効にします。これは、 のデータが のページに表示されていることを示します。 には、 のデータが含まれています(この場合、 が実行されています)。

+0

私はsInfoとしてそれを見たと思って申し訳ありません。しかし、どのように私はページフッタではなくテーブルフッタに表示するのですか –

+1

@Jeff:その情報はテーブルの下に表示されますが、実際には 'tfoot'要素には表示されないようです。それはあなたがそれを望む場所ですか? –

+0

可能であれば、私はそれを素敵にtfootにうまく表示したいと思います。 –

関連する問題