2

以下のリンクのように、jQueryデータテーブルプラグインを使用して、並べ替え、フィルタリング、ページ付けを行っています。それは完全にうまく機能しています。問題ありません。ページ番号は、テーブルの右下隅に表示されます。表の上部、検索ボックスの横に表示したいのですが。cssを変更しようとしましたが、成功しませんでした。

変更することはできますか？以下は私が参照したリンクです。助けてください..

http://datatables.net/

4

1 に答える 1

0

はい、この例に示すように、DOM カスタマイズを使用して、それ以上のことを行うことができます

基本的に、sDom パラメータを使用する必要があります

独自の使用法に合わせて DataTables をカスタマイズすると、機能要素 (フィルター入力など) の既定の位置が好みに合わない場合があります。この問題に対処するために、DataTables は CSS 3 Advanced Layout Module から着想を得て、特定の機能を DOM のどこに表示するかを示すように設定できる sDom 初期化パラメーターを提供します。div ラッピング コンテナー (クラスを含む) を指定して、完全なレイアウトの柔軟性を提供することもできます。使用可能な構文は次のとおりです。

l - 長さの変更
f - 入力のフィルタリング
t - テーブル!
i - 情報
p - ページ
ネーション r - pRocessing
< and > - div 要素
<"class" and > - クラスを持つ div
例: <"wrapper"flipt>, ip>

たとえば、使用できます

$(document).ready(function(){
  $('#example').dataTable({
    "sDom" : 'lpfrti'
  });
});

http://live.datatables.net/awemoc/edit#javascript,html,live

于 2012-09-08T19:13:12.437 に答える