2015-07-24 4 views
1

У меня вопрос к jQuery tablesorter. Есть ли способ изменить атрибут headers-attribute во время выполнения?jQuery tablesorter change header во время выполнения

На старте я это сделать:

$(document).ready(function() { 
     $("table").tablesorter({debug:false, headers: {4:{sorter:false}}}); 
}); 

В моем скрипте есть ссылка:

<a href="javascript: xxx()">xxx</a> 

Это вызов этой функции:

function xxx() { 
    $("table").tablesorter({debug:false, headers: {3:{sorter: false}}}); 
} 

Цель заключается в отключении третьей колонке. У вас есть какие-то идеи?

ответ

1

Для переключения сортировки столбца, вам нужно сделать две вещи:

  • Переключить название «Сортировщик-ложь» класса на заголовке.
  • Переключить атрибут sortDisabled на заголовок.

Here is a demo:

$(function() { 
    $('table').tablesorter({ 
     theme: 'blue' 
    }); 
    $('button').click(function(){ 
     var $th = $('th:contains(Sex)'), 
      status = !$th[0].sortDisabled; 
     $th.toggleClass('sorter-false', status); 
     $th[0].sortDisabled = status; 
    }); 
}); 
+0

Это прекрасно работает! Большое спасибо за гениальный совет! – Marco