Скрыть столбец таблицы
Имеется две таблицы, для которых необходимо реализовать скрытие столбцов:
<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> |
Кстати, у Оперы недавно появилось интересное свойство css:
visibility: collapse. Придумано оно для того, чтобы скрывать строки таблицы (у учетов colspan и rowspan), однако, работает и для столбцов:<table border="1"> <col></col><col style="visibility: collapse"></col><col></col> <tr><td>1</td><td>2</td><td>3</td></tr> <tr><td colspan="2">две сразу</td><td>3</td></tr> <tr><td colspan="3">сразу три</td></tr> </table> Пока криво-косо-недопилено, но, надеюсь, это будет поправлено в следующих версиях. Ну, и имплементировано в других браузерах, конечно же. |
Ну
visibility: collapseв общем-то давно уже поддерживается всеми (почти) браузерами, хотя и как вы правильно заметили весьма низко. http://www.htmlbook.ru/css/visibility.html Ну а каким образом может выглядеть силами JQuery ? |
| Часовой пояс GMT +3, время: 22:16. |