jQM table overflow

by Erik Zanker

HTML

<div data-role="page" id="page1">
     <div data-role="header">
        <h1>My page</h1> 
    </div> 	
    <div role="main" class="ui-content">
        
        <div class="tableWrapper">
            <table data-role="table" id="products-vip" data-column-btn-theme="b" data-column-popup-theme="a" data-mode="columntoggle" class="ui-responsive table-stroke" data-column-btn-text="See">
                    <thead>            
                       <tr>
                           <th>Col 1</th>
                           <th>Col 2</th>
                           <th>Col 3</th>
                           <th>Col 4</th>
                        </tr>
                    </thead>
                    <tbody>
                            <tr>
                               <td>Col 1 Row 1 content</td>
                               <td>Col 2 Row 1 content</td>
                               <td>Col 3 Row 1 content</td>
                               <td>Col 4 Row 1 content</td>
                           </tr>
                           <tr>
                               <td>Col 1 Row 2 content</td>
                               <td>Col 2 Row 2 content</td>
                               <td>Col 3 Row 2 content</td>
                               <td>Col 4 Row 2 content</td>
                           </tr>
                    </tbody>
            </table>
        </div>

    </div> 
</div>

CSS

.tableWrapper {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}