Clickイベントで水平スクロール可能なデータシートを作成する方法は？

Question

多数の列を持つデータテーブルを設定しました。現在、下のスクロールバーがありますが、スクロール権をデータテーブルの上部にあるボタンにリンクしたいと考えています。

このボタンはclickイベントにリンクされており、このjQueryの例ではhorizontal scroll rightがアニメーション化されています。しかし、私は、テーブルを水平方向に右にスクロールされていないボタンをクリックしたとき：

 $("#scrollXRight-btn").click(function() { 

      //$('div.dataTables_scrollBody').scrollRight($('#escalation').scrollRight() + 20); //method 1 didn't work 

      var leftPos = $('div.dataTables_scrollBody').scrollLeft(); 
      $("div.dataTables_scrollBody").animate({ scrollLeft: leftPos + 200 }, 800); 

     }); 

を私はセレクタmentioned hereを使用してみましたが、アニメーションは発生しませんでした。データテーブルの

ID：DataTableのコンテナのescalation

クラス：dataTables_wrapper no-footer

質問：

どのようにすることができます、水平スクロール、クリックイベントにデータテーブル？

Answer 1

データシートにscrollXを有効にし、必要に応じてfixed columns extensionを使用してください。