2

jQueryデータテーブルのページネーションを削除して機能を表示するにはどうすればよいですか？私はそれの検索とソート機能だけが欲しいです、そして他の機能を取り除きたいです。方法はありますか？

4

2 に答える 2

5

jQuery UIテーマなしで使用している場合は、このようにすることができます

$(document).ready( function() {
    $('#example').dataTable( {
      "sDom": 'frt' // only show search.. processing.. and table
    });
});

http://live.datatables.net/iqewoh/2/edit#preview

jQuery UI テーマを使用

$(document).ready( function() {
    $('#example').dataTable( {
      "sDom": '<"H"f>rt' // only show search.. processing.. and table
    });
});

<"H"lfr>t<"F"ip> == ヘッダにlfr.. 表に .. 次にフッタにip

次のオプションが許可されています。

'l' - 長さの変更

'f' - 入力のフィルタリング

't' - テーブル！

'i' - 情報

'p' - ページネーション

'r' - 処理中

次の定数を使用できます: 'H' - jQueryUI テーマの「ヘッダー」クラス ('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix')

'F' - jQueryUI テーマの「フッター」クラス ('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix')

次の構文が必要です: '<' および '>' - div 要素

'<"class" and '>' - クラスを含む div

'<"#id" および '>' - ID を持つ div

デフォルト: lfrtip (bJQueryUI が false の場合) または <"H"lfr>t<"F"ip> (bJQueryUI が true の場合)

于 2012-12-03T22:49:46.513 に答える
5

このsDomオプションは、ページネーションを特に制御しません。つまり、sDom が指定されていても、すべてのページネーション コントロールが非表示になりますが、データの最初の「ページ」のみが表示されます。

少なくとも 1.9x バージョンの DataTables では、これを行うためのより良い方法は、bPaginateオプションを指定することです。

$(element).dataTable({
    "bPaginate": false
});

これにより、ページネーションが防止され、ページネーション コントロールが非表示になります。

于 2014-03-05T03:05:26.487 に答える