• In v2.28.5 a scrollerComplete event is now triggered on the table once the scroller has completed rendering.
• In v2.22.2,
  • Add support for multiple tbodies in fixed columns:
    • *WARN* colspans within information only tbodies are still problematic!
    • If a colspan is to be used with fixed columns, then split it so that the colspan splits at the edge of fixed column; please see this comment for more details & a demo.
  • The horizontal scrollbar no longer appears under the fixed column:
    • There is now a gap visible below the content when scrolled to the bottom.
    • This gap is filled by a div and can be styled by targeting the tablesorter-scroller-bar-spacer class name. See the css code block for an example.
  • Removed:
    • The automatic setting of the widthFixed option to true.
    • Extra colgroup which were copied into each table clone.
    • Extra hidden elements in the fixed column.
  • Updated RTL (right-to-left) support:
    • Changed the default class from tablesorter-scroller-rtl to ts-scroller-rtl, which is added to the table element to indicate where the fixed column is placed.
    • RTL support does require the direction: rtl css setting to be applied to the table wrapper.
  • Fixed slow mousewheel scrolling when a fixed column is active in Firefox & older versions of Internet Explorer.
  • Fixed filtering of table content causing the fixed column to misalign; especially when few to no results are found.
  • Added compatibility to the following widgets:
    • pager
    • columnSelector
  • Thanks to TheSin- for all the work he put into updating this widget... he really didn't like that scrollbar under the fixed column LOL.

• This widget can not be applied to the original plugin and requires jQuery version 1.7+ to function properly; if you need to make it work with older versions of jQuery and the plugin, please use this version of the widget.
• This widget was originally written by Connell & Associates, Inc. and is dual-licensed under the MIT and GPL licenses. It has been modified to work with tablesorter version 2.9+.

• Editable
• Math
• Reorder
• Resizable
• StickyHeaders

• Filter, except for custom filter_functions and filter_formatter

Scroller widget defaults (added inside of tablesorter widgetOptions)

div.tablesorter-scroller-fixed-panel {
  background-color: rgba( 0, 0, 0, 0.4);
  z-index: 2;
  opacity: 0.15;
  margin-top: 10px;
  margin-bottom: 15px;
}

div.tablesorter-scroller-fixed-panel {
  margin-top: 10px;
  margin-bottom: 15px;
  border-right: 2px solid black;
}

/* add border to right side (LTR pages) of fixed column */
.tablesorter-scroller-fixed:after {
  content: '';
  border-right: 2px solid black;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  /* change this to zero for non-jquery ui themes; and use "left" here for RTL pages */
  right: -1px;
  /* match the margins set to the table to keep the border the same height as the table */
  margin: 10px 0 15px;
}

Change Fixed Column Size Dynamically

Set the number of fixed columns on any table with a scroller widget applied as follows:

$( 'table' ).trigger( 'setFixedColumnSize', size );

Where size is a value between zero and one less than the total number of columns.

If size is:

• A non-integer, it will be rounded down.
• Zero or less, no fixed columns will be applied.
• Undefined, the current number of fixed columns will be refreshed.

scrollerComplete

A scrollerComplete event (added v2.28.5) is triggered on the table after the scroller widget has completed updating (including frozen columns). This event is triggered after an updateComplete event as the widget binds to that event to update the table.

$( 'table' ).on( 'scrollerComplete', function() {
  // do something
} );

1. A class of ts-scroller-rtl must be added to the table

   <table class="ts-scroller-rtl">...</table>

   the reason for the weird naming ts instead of tablesorter is because with a class name of tablesorter-scroller-rtl, the code will think you're trying to add a theme named scroller-rtl.

   If you want to change this class name, use the following code before the document ready function:

   $.tablesorter.css.scrollerRtl = "ts-scroller-rtl";

2. Whatever element is wrapping the table needs to be set with the css direction:rtl. So if your entire page (body is set, that will work just fine. If you only want the table to be set as rtl, then set this css on the scroller's wrapper:

   .tablesorter-scroller { direction: rtl; }