どのように複雑なヘッダテーブルに動的に

Question

を二列名を隠し、表示するために、私は以下のURLと同様の結果を実装したいではなく、私は下の画像のように二列ヘッダを非表示にする必要がある最初の列を非表示にします。表には複数の列ヘッダーがあります。 EmpId列を非表示にする必要がありますが、2番目の列のトップヘッダー値とボトムヘッダー値に関連する値は変更しないでください。

Requirements similar the following url

Need to hide the EmpId column But it should not change any values related to second column top header and bottom header values

Answer 1

これを試してみてください：

$("input").on("click", function(e) 
{ 
    e.preventDefault(); 

    var empIdElements = $('.resultGridTable tr:not(.master) th:nth-child(2), .resultGridTable tr:not(.master) td:nth-child(2)'); 

    empIdElements.toggle($(this).val() == 'Show EmpId'); 
}); 

http://jsfiddle.net/UqdQp/64