• 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.
• In v2.21.3
  • * NOTE * Prior to v2.21.3, this widget would work with jQuery v1.4.4+, now it requires jQuery v1.7+.
  • The scroller widget was almost completely rewritten! The functionality is the same, but it now allows the adding of fixed columns!
  • Added scroller_fixedColumns which allows setting the number of fixed columns to add to the scroller (see options section for more details).
  • Added scroller_rowHighlight which adds a hover highlight class name to the row in both the fixed column and main table (see options section for more details).
  • Note:
    • Yes, there are some alignment & padding issues when using the jQuery UI theme with a fixed column, I'll look into resolving this; all other themes are nearly pixel perfect.
    • The fixed column widget includes extra css to prevent tbody cell content from wrapping (see the css code below); it was for demo purposes only, it is not a requirement.
    • This update does not include optimizations to allow this widget to work with very large tables; so please be conscious of this fact.
    • A lot of Firefox tweaks were needed to make it work! I need to investigate why the mousewheel scrolling is so slow (at least in Firefox for Windows) when a fixed column is included.
    • There were lots of other tweaks to the core and other widgets (e.g. zebra & filter widgets) to get these changes to work seamlessly, so please make sure to update everything!
• In v2.21.1, columns now line up, especially while scrolling horizontally. It may not be pixel perfect, but it looks pretty good if table css "box-sizing" is set to "border-box".
• In v2.21.0
  • This widget was updated to include the tfoot rows.
  • To maintain the column widths across all copied tables:
    • The widthFixed options is now forcibly set to true; I apologize if this causes any inconvience.
    • This option adds a <colgroup> containing percentage width <col> elements to each section of the scroller.
    • If this option does cause issues, use css to set each column width as a percentage.
• In v2.17+
  • The scroller widget will now work properly with predefined column widths.
  • Shrinking the browser window will now hide the header overflow.
  • Horizontal scrolling of the table body will now properly horizontally scroll the header.
  • Changed the default scroll bar width from 17 to 18.
  • Added scroller_upAfterSort option.
• This widget can not be applied to the original plugin and requires jQuery version 1.4+ 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;
}

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.