設置小部件選項觸發（applyWidgets）

Question

正常的tablesorter可以使用此命令

$(function(){ 

    $tblSorter = $("table").tablesorter({ 
    widthFixed : true, 
    showProcessing: true, 
    headerTemplate : '{content} {icon}', 
    widgets: [ 'uitheme', 'zebra', 'filter', 'scroller' ], 
    widgetOptions : { 
     scroller_height : 300, 
     scroller_barWidth : 17, 
     scroller_jumpToHeader: true, 
     scroller_idPrefix : 's_' 
    } 
    }); 

}); 

但是我怎麼能設置widgetOptions如果我重新滾輪進行初始化，取出後：去除

代碼通過@mottie滾輪爲指出（謝謝）

$tblSorter.trigger('refreshWidgets', [true, true]); //REMOVE ALL WIDGETS 
$tblSorter[0].config.widgets = ['zebra', 'columns']; //ADD ONLY ZEBRA and columns 
$tblSorter.trigger('applyWidgets'); 

代碼將滾動回的tablesorter，與widgetOptions：

$tblSorter.trigger('refreshWidgets', [true, true]); //REMOVE ALL WIDGETS 
$tblSorter[0].config.widgets = ['zebra', 'columns', 'scroller']; //add also scroller 
$tblSorter[0].config.widgetOptions = { 
    scroller_height : 500, 
    scroller_barWidth : 17, 
    scroller_jumpToHeader: true, 
    scroller_idPrefix : 's_' 
}; 
$tblSorter.trigger('applyWidgets'); 

這是行不通的。

謝謝你的幫助。

Answer 1

實際上，滾動窗口小部件需要很多工作......它完全缺少將其從表格中刪除的代碼。你可以使用下面的代碼：

// remove scroller widget completely 
$tblSorter.closest('.tablesorter-scroller').find('.tablesorter-scroller-header').remove(); 
$tblSorter 
    .unwrap() 
    .find('.tablesorter-filter-row').removeClass('hideme').end() 
    .find('thead').show().css('visibility', 'visible'); 
$tblSorter[0].config.isScrolling = false;