В сортировщике таблиц со скроллером и фильтром столбцы не выстраиваются в ряд ⇐ Jquery

[Anonymous]

Я использую jquery tablesorter, чтобы получить таблицу с фильтром и возможностью прокрутки.

Код: Выделить всё

    $(function(){
$('.tablesorter').tablesorter({
theme:'metro-dark',
showProcessing: true,
widgets: ['zebra'],
headerTemplate : '{content} {icon}',
widgets: [ 'columns','zebra','filter', 'stickyHeaders' ],
widgetOptions : {
scroller_height : 300,
// scroll tbody to top after sorting
scroller_upAfterSort: true,
// pop table header into view while scrolling up the page
scroller_jumpToHeader: true,
// In tablesorter v2.19.0 the scroll bar width is auto-detected
// add a value here to override the auto-detected setting
scroller_barWidth : null
// scroll_idPrefix was removed in v2.18.0
// scroller_idPrefix : 's_'
}
});
});

У меня ширина th равна ширине td, но вы можете видеть, что строка фильтра немного шире, чем строки td. как это исправить?
**Обновить
Проблема заключается в добавлении панели прокрутки. Я до сих пор не знаю, как это исправить, но таблица без полосы прокрутки выглядит нормально.
[img]https://i.sstatic .net/jyMBqwNF.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/790 ... -lining-up