Как использовать горизонтальный прокрутки для событий щелчка?

Question

Я установил datatable с большим количеством столбцов. В настоящее время есть нижняя полоса прокрутки, но я хочу связать прокрутку справа от кнопки в верхней части данных.

Кнопка связана с событием клика, и я нашел этот пример 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 но анимация не срабатывала.

Идентификатор DataTable: escalation

Класс DataTable контейнера: dataTables_wrapper no-footer

Вопрос:

Как вы горизонтальная прокрутка DataTable на событии щелчка?

Answer 1

Попробуйте включить scrollX в формате datatables и, возможно, использовать fixed columns extension, если необходимо.