Horizontal scrolling using Swipe, Touch or Drag

Question

I possess 4 Tables information, and would like to make a swipeleft or right, the same in order to switch to the next or previous table.

Example:

http://prntscr.com/8vvc2j

My current HTML and CSS code:

http://jsfiddle.net/pedropcruz/twnhLL4j/

Explanation of fiddle:

• it shows 4, 3, 2 and 1 table as per resolution.

• For mobile is already solved, using the click as the length of each table is carried out the exchange for the following.

• The class="col-Xs-1" present, is the time, which does not have Swipe, I mean, you have to keep it in the same place.

To desktop, I would like that when dragging shows itself the same more to the left or right side using the event touch, drag or Swipe (NOTE: I don’t know the difference between these events).