Rowsorter JQuery Plugin issue

Hello guys,

Im using Touch-enabled Drag'n'drop Table Sorter plugin https://www.jqueryscript.net/table/touch-table-row-sorter.html

to drag table rows up and down.

My problem is page is not scrolling on dragging "Record 1" column below "Record 9".

HTML:

<table id="table3">   <thead>       <tr>           <th colspan="3">handler: "span.sort-handler"</th>       </tr>   </thead>   <tbody>       <tr>           <td>Row 1</td>           <td>Record 1 <span class="sort-handler"></span></td>           <td>Record 1</td>       </tr>       <tr>           <td>Row 2</td>           <td>Record 2 <span class="sort-handler"></span></td>           <td>Record 2</td>       </tr>       <tr>           <td>Row 3</td>           <td>Record 3 <span class="sort-handler"></span></td>           <td>Recrod 3</td>       </tr>       <tr>           <td>Row 4</td>           <td>Record 4 <span class="sort-handler"></span></td>           <td>Record 4</td>       </tr>       <tr>           <td>Row 5</td>           <td>Record 5 <span class="sort-handler"></span></td>           <td>Record 5</td>       </tr>        <tr>           <td>Row 6</td>           <td>Record 6 <span class="sort-handler"></span></td>           <td>Record 6</td>       </tr>    <tr>           <td>Row 7</td>           <td>Record 7 <span class="sort-handler"></span></td>           <td>Record 7</td>       </tr>       <tr>           <td>Row 8</td>           <td>Record 8 <span class="sort-handler"></span></td>           <td>Record 8</td>       </tr>   </tbody>   <tfoot>5       <tr>           <td colspan="3">&nbsp;</td>       </tr>   </tfoot>  </table>  </div>  

JQUERY:

RowSorter("#table3", {      handler: 'span.sort-handler'   });  

Please check this JSFiddle link https://jsfiddle.net/ayyanarpms/7sagcu0j/4/

https://stackoverflow.com/questions/66775057/rowsorter-jquery-plugin-issue March 24, 2021 at 01:05PM