2016-04-02 19 views
1

jquery datatableを使用している場合、私は物事を移動するためにdomプロパティを使用することができます参照してください。私は側でトップ側のフィルタとの情報を表示しようとしていますが、彼らは両方のdivに包まれているので、それはjqueryのデータ型を使用する場合、情報の横に(改行なしで)フィルタを表示するにはどうすればよいですか?

$('#existingTable').dataTable({ 
      "paging": false, 
      "bInfo": true, 
      "dom": '<"top"fi>', 
      "ordering": true, 
      "stripeClasses": ['strip1', 'strip2'], 
      "order": [[5, "desc"]] 
     }); 

ので、現在、私はこのコードを使用しています、その後

間に改行を作成し、I "dom"オプションを使用して上部にフィルタと情報を置くことができます しかし、私はラインブレイクなしで情報の横にフィルタを配置する方法があるかどうかを見たいと思っていましたか?

答えて

1

dataTablesコントロールは、むしろ、floatclearについてのコード化されたCSSです。あなたはそれを完全に制御するためにリセットする必要があります。 - >http://jsfiddle.net/grr6seLe/

.dataTables_info { 
    clear: none !important; 
    float: left !important; 
    padding-top: 0px !important; 
    padding-left: 20px !important; 
} 
.dataTables_filter { 
    clear: none !important; 
    float: left !important; 
} 

デモ:ここにあなたのdomと私はあなたがヒットしていると仮定すると、使用した例です。

関連する問題