2016-10-06 28 views
1

Datatable sScrollプロパティで問題に直面しています。Datatable sScrollが重複するデータテーブルを作成しています

私は

<table id="datatable" class="vrptTable"> 
       <thead> 
        <tr> 
         <th> column1</th> 
         <th>Column 2</th> 

        </tr> 
       </thead> 

      </table> 

以下のように私のhtmlファイル内のデータテーブルを定義していると私は以下のように私のjsファイルにこのデータテーブルを移入しています:

var options = new DataTableOptions($table, { 
       "sAjaxSource" : ajaxSource, 
       "sAjaxDataProp" : "aaData", 
       "sScrollY":"200px" 




      }).getOptions(); 
      $("#table").dataTable(options) 

問題は縦スクロールバーを作成することですが、HTML DOMに2つの表が表示されることがあります。最初のものはヘッダー情報のみを含み、2番目のデータテーブルは空のヘッダーと私のデータを含みます。

誰でも助けてください。

答えて

0

これはjQuery DataTablesの絶対的な動作です。 this official exampleを参照してください。2つのテーブルがあります.1つはヘッダー用、もう1つは本文用です。

+0

お返事ありがとうございます。私は自分の問題を完全に説明していないかもしれません。私はColResiazble jsライブラリを使用してカラムをドラッグして、カラムデータの完全な値を確認しています。これを実現するには、2つのテーブルの代わりに1つのテーブルだけが必要です。このscrollYプロパティを使用せずにdatatableのスクロールを実現する方法はありますか?私は外部divにデータテーブルをラップしようとし、divにオーバーフロープロパティを提供したが、それも動作していない。 –

+0

@NehaNarlawar、これら2つの機能(スクロールと列のサイズ変更)は、ほとんどの場合、互換性がありません。テーブル本体の列サイズ変更イベントをキャッチしてヘッダーに複製することもできますが、それは簡単な作業ではありません。 –

+0

私は自分自身のスクロール機能をテーブル本体に使用しようとしていますが、データテーブルのスクロール機能と同じように動作していないことに同意します。あなたの助けに感謝します。 –

関連する問題