iScroll5 & Jquery 모바일 테이블 가로 스크롤

iScroll 5 http://iscrolljs.com/을 사용하여 jquery 모바일 테이블에서 가로 스크롤을 구현하려고하지만 전혀 작동하지 않습니다. 세로 스크롤은 작동하지만 가로 스크롤을 완전히 무시합니다.iScroll5 & Jquery 모바일 테이블 가로 스크롤

<body onload="loaded()"> 

    <div data-role="page" id="scroll" data-theme="a"> 
    <div data-role="content"> 

    <div id="wrapper"> 

     <table data-role="table" id="table-column-toggle" data-mode="columntoggle" class="ui-responsive table-stroke"> 
      <thead> 
       <tr> 
       <th data-priority="1">Rank</th> 
       <th data-priority="1">Movie Title </th> 
       <th data-priority="1">Year</th> 
       <th data-priority="1"><abbr title="Rotten Tomato Rating">Rating</abbr></th> 
       <th data-priority="1">Reviews</th> 
       <th data-priority="1">Rank</th> 
       <th data-priority="1">Movie Title </th> 
       <th data-priority="1">Year</th> 
       <th data-priority="1"><abbr title="Rotten Tomato Rating">Rating</abbr></th> 
       <th data-priority="1">Reviews</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
       <th>1</th> 
       <td><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external">Citizen Kane</a></td> 
       <td>1941</td> 
       <td>100%</td> 
       <td>74</td> 
       <th>1</th> 
       <td><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external">Citizen Kane</a></td> 
       <td>1941</td> 
       <td>100%</td> 
       <td>74</td> 
       </tr> 
       <tr> 
       <th>2</th> 
       <td><a href="http://en.wikipedia.org/wiki/Casablanca_(film)" data-rel="external">Casablanca</a></td> 
       <td>1942</td> 
       <td>97%</td> 
       <td>64</td> 
       <th>1</th> 
       <td><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data-rel="external">Citizen Kane</a></td> 
       <td>1941</td> 
       <td>100%</td> 
       <td>74</td> 
       </tr> 

      </tbody> 
      </table> 

    </div> <!-- end wrapper --> 

</div><!-- /content -->

및 JQuery와 :

이

<script > 

    var myScroll; 

    function loaded() { 
    myScroll = new IScroll('#wrapper', { 
    eventPassthrough: true, 
    scrollX: true, 
    scrollY: false, 
    mouseWheel: true, 
    preventDefault: false 
    }); 

    } 

</script>

사람이 어떤 생각이 하나의가 있습니까 여기 내 코드는? 테이블을 제거하고 목록에 넣으면 예상대로 가로로 스크롤됩니다. 여기에 다음과 같은 사업부에 iScroll 5. 랩에게 표를 사용하지 않고이를 달성하는 방법을 발견 한 jsfiddle에게 http://jsfiddle.net/7uAhg/

감사

출처

2014-04-03 Janey