Блог

сортировщик таблиц прокручивается вверх при нажатии на любой заголовок столбца для действия сортировки, хотя я поместил scroller_upAfterSort: false в коде, но он не работает.

Пожалуйста, помогите восстановить положение скроллера перед сортировкой.

JS

 $(function () {
    $('table').tablesorter({
        theme: 'blue',
        showProcessing: true,
        widgets: ["zebra", "filter", "scroller"],
        widgetOptions: {
            scroller_height: 200,
            scroller_upAfterSort: false,
            scroller_jumpToHeader: false
        }
    });

});
  

HTML

 <table class="tablesorter">
    <thead>
        <tr>
            <th>AlphaNumeric</th>
            <th>Numeric</th>
            <th>Animals</th>
            <th>Sites</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>abc 123</td>
            <td>10</td>
            <td>Koala</td>
            <td>http://www.google.com</td>
        </tr>
        <tr>
            <td>abc 1</td>
            <td>234</td>
            <td>Ox</td>
            <td>http://www.yahoo.com</td>
        </tr>
        <tr>
            <td>zyx 12</td>
            <td>0</td>
            <td>Llama</td>
            <td>http://www.nasa.gov/</td>
        </tr>
        <tr>
            <td>zyx 12</td>
            <td>0</td>
            <td>Llama</td>
            <td>http://www.nasa.gov/</td>
        </tr>
        <tr>
            <td>zyx 12</td>
            <td>0</td>
            <td>Llama</td>
            <td>http://www.nasa.gov/</td>
        </tr>
        <tr>
            <td>zyx 12</td>
            <td>0</td>
            <td>Llama</td>
            <td>http://www.nasa.gov/</td>
        </tr>
        <tr>
            <td>zyx 12</td>
            <td>0</td>
            <td>Llama</td>
            <td>http://www.nasa.gov/</td>
        </tr>
        <tr>
            <td>zyx 12</td>
            <td>0</td>
            <td>Llama</td>
            <td>http://www.nasa.gov/</td>
        </tr>
        <tr>
            <td>zyx 12</td>
            <td>0</td>
            <td>Llama</td>
            <td>http://www.nasa.gov/</td>
        </tr>
    </tbody>
</table>
  

ДЕМОНСТРАЦИЯ

Скрипка JS