2017-08-05 1 views
0

の代わりにlaravel次のスクリプトは、iは、ヘッダ列検索のDataTableを使用することはできフッタ列検索

initComplete: function() { 
    this.api().columns().every(function() { 
     var column = this; 
     var input = document.createElement("input"); 
     $(input).appendTo($(column.footer()).empty()) 
      .on('change', function() { 
       column.search($(this).val(), false, false, true).draw(); 
      }); 
    }); 
} 

は、私が列名の後にテーブルの上部にある検索ボックスを表示することができ、テーブルフッターセクションに検索ボックスを示しています

関数column.footerをcolumn.headerに変更しようとしました... これは機能しません。私はlaravelのDataTableのに

を使用しています

答えて

1

は以下を使用していただきありがとうございます、代わりに '#users' は、あなたのテーブルIDを使用します。

"initComplete": function() { 
    var r = $('#users tfoot tr'); 

    $('#users thead').append(r); 

    this.api().columns().every(function() { 
     var column = this; 
     var input = document.createElement("input"); 
     $(input).appendTo($(column.footer()).empty()) 
       .on('change', function() { 

     column.search($(this).val(), false, false,true).draw(); 
       }); 
    }); 

} 
関連する問題