Имеется две таблицы, для которых необходимо реализовать скрытие столбцов:
<table id="stats_table" border="0" cellpadding="4" cellspacing="2">
<thead>
<tr>
<th>Название сети</th>
<th>2007-01-01</th>
<th>2009-01-01</th>
<th>2010-01-01</th>
</tr>
</thead>
<tbody>
<tr>
<td>Net 1</td>
<td></td>
<td></td>
<td>4</td>
</tr><tr>
<td>Net 2</td>
<td></td>
<td>12</td>
<td>9</td>
</tr><tr>
<td>Net 3</td>
<td></td>
<td></td>
<td>3</td>
</tr><tr>
<td>Net ...</td>
<td></td>
<td>11</td>
<td></td>
</tr><tr>
<td>Net n</td>
<td></td>
<td>6</td>
<td>5</td>
</tr>
</tbody>
</table>
Ну тут все ясно.
$("#stats_table thead th:nth-child("+num+"), #stats_table tbody td:nth-child("+num+")").hide();
// Где num - номер столбца, начиная с 1
// Для отображения всех скрытых столбцов
$('#stats_table tbody td, #stats_table thead th').show();
А как быть вот с такой таблицей (там есть объединенные ячейки )?
<table id="stats_table" border="0" cellpadding="4" cellspacing="2">
<thead>
<tr>
<th>Название сети</th>
<th>2007-01-01</th>
<th>2009-01-01</th>
<th colspan="2">2010-01-01</th>
</tr>
<tr>
<th></th>
<th></th>
<th></th>
<th>Общее кол-во АУ</th>
<th>Кол-во АУ в городе</th>
</tr>
</thead>
<tbody>
<tr>
<td>Net 1</td>
<td></td>
<td>5</td>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>Net 2</td>
<td></td>
<td></td>
<td>3</td>
<td>3</td>
</tr>
</tbody>
</table>
Как скрыть все что размещено под объединенной ячейкой (colspan=2)?
Соответственно скрыть
<th colspan="2">2010-01-01</th>
...
<th>Общее кол-во АУ</th>
<th>Кол-во АУ в городе</th>
...
<td>5</td>
<td>5</td>
...
<td>3</td>
<td>3</td>