• 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.
• In v2.22.0,
  • Horizontal scrollbar now only appears on overflow.
  • border-box is now applied to all tables with scroller widget applied.
  • Fixed columns no longer have pointer events disabled.
  • Fixed column vertical scrollbar is now hidden in IE9 & older.
  • Fixed tabbing through fixed column header cells & inputs.
  • The "setFixedColumnSize" can now be called with no set size to refresh the fixed column.
  • Add scroller_addFixedOverlay option which when true, adds an overlay on the fixed columns for styling.
  • Refresh column sizes after update.

• 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+.

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.