Как скрыть столбцы с помощью HTML

Question

Здравствуйте, я написал один html-код, чтобы скрыть/показать столбцы. Я использовал функцию «td: nth-child()», с помощью которой я переключаю столбец, чтобы скрыть &. Вот ссылка для кода.

$(function() { 
    $("#toggle").click(function() { 
    $("td:nth-child(3)").toggle(); 
    }); 
}); 

У меня есть 2 заголовка. Один из них - главный заголовок &. Один из них - это заголовок. Я переключаю 3-й столбец, но заголовки sub этого столбца не переключаются & Я хочу переключать полные столбцы, включая подкосы, а затем, как это сделать?

JSFiddle

Спасибо заранее.

Answer 1

Я думаю, что переключатель не осведомлен о colSpan. Может быть, this поможет или вам нужно будет использовать plugin, который знает о colSpan