Disable sorting when table has less than X rows

[Mottie]

I received a request to disable sorting when a minimum number of rows is not present. Also in that discussion was a request to allow hiding the thead with an empty table and modifying the table caption.

I think the best solution would be to use the initialized and updateComplete callback functions, but I won't be able to make a demo until later.

[Mottie]

Ok, I made this demo. And this is the core javascript coding needed:

var minRows = 3, // Minimum number of rows needed before tablesorter allows sorting

  $t = $('table'),

  // check number of rows; enable or disable sorting
  checkRows = function () {
    // check number of rows
    var min = $t.find('tbody tr').length < minRows;
    // go through each header and enable/disable as needed
    $t[0].config.$headers.each(function (i) {
      // only enable/disable certain columns (ignore 5th column, it's always disabled)
      if (i < 4) {
        // disable sort per column
        this.sortDisabled = min;
        // add sorter-false class to hide controls
        $(this).toggleClass('sorter-false', min);
      }
    });
  };

$t
  // check number of rows after initialization & updates
  .on('tablesorter-initialized updateComplete', checkRows)
  // initialize tablesorter
  .tablesorter({
    theme: 'blue',
    widgets: ['zebra', 'columns']
  });

[Mottie]

Update: To remove default tablesorter styling, include this change in the code (demo):

if (i < 4) {
  // disable sort per column
  this.sortDisabled = min;
  // remove table styling completely when not enabled
  $t.toggleClass('tablesorter-blue', !min);
  $(this).toggleClass('tablesorter-header', !min);
  // add sorter-false class to hide controls
  $(this).toggleClass('sorter-false', min);
}

[Mottie]

I'm guessing this issue has been resolved, so I'm closing it. Please feel free to reopen it if you continue to have problems.