4

rweng / jquery-datatables-rails gemを介して、jqueryDataTablesプラグインを私のrailsアプリに統合しています。それは素晴らしいです。ブートストラップでスタイリングするところまで行った。

だから、私はブートストラップとページ付けのためのカミナリを持っています(それが重要かどうかはわかりません)。kaminari-bootstrapgemもあります。

とにかく、DataTablesテーブルは前の1 2 3 4 5を次に示しており、それはただ分厚いです。どうすれば数字を失い、次は前に進むことができますか?

現在、次のコマンドでdatatableを呼び出しています。

jQuery ->
  $('#companyBoxList').dataTable
    sDom: "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>"
    sPaginationType: "bootstrap"
    bJQueryUI: true
    bProcessing: true
    bServerSide: true
    sAjaxSource: $('#companyBoxList').data('source')
4

2 に答える 2

14

6つのオプションがあります。

  • numbers-ページ番号ボタンのみ
  • simple-「前へ」および「次へ」ボタンのみ
  • simple_numbers-[前へ]ボタンと[次へ]ボタン、およびページ番号
  • full-「最初」、「前へ」、「次へ」、「最後」ボタン
  • full_numbers-「最初」、「前へ」、「次へ」、「最後」ボタン、およびページ番号
  • first_last_numbers-「最初」と「最後」のボタン、およびページ番号

およびオプションが最近追加されましたnumbersfirst_last_numbers

(src:http ://www.datatables.net/examples/basic_init/alt_pagination.html )


だからあなたの場合:

// Code jQuery.
$('#companyBoxList').dataTable({
  pagingType: "simple"
});
于 2014-11-10T17:00:06.327 に答える
3

この回答は古いバージョンのDataTablesを参照していることに注意してください。現在、6つのページネーションオプションがあります。

数字-ページ番号ボタンのみ(1.10.8)simple-
'前へ'および'次へ'ボタンのみ
simple_numbers- '前へ'および'次へ'ボタンとページ番号が
いっぱい-'最初'、'前へ'、'次へ'および'Last'ボタン
full_numbers -'First'、'Previous'、'Next'、'Last'ボタン、およびページ番号
first_last_numbers -'First'、' Last'ボタン、およびページ番号


http://www.datatables.net/usage/options

sPaginationType

DataTablesは、エンドユーザーに異なるページコントロールを提示する2つの異なる組み込みのページネーションインタラクションメソッド(「twobutton」または「fullnumbers」)を備えています。APIを使用して、さらにメソッドを追加できます(以下を参照)。

更新:明らかに、Bootstrapプラグインは独自のページ付けレイアウトを強制します。代わりにこれを行うことができます:

#my_table .pagination li {display: none;}
#my_table .pagination li.prev, #my_table .pagination li.next {display: inline;}
于 2013-03-15T17:20:23.043 に答える