Показать сообщение отдельно
  #1 (permalink)  
Старый 10.07.2010, 15:20
Новичок на форуме
Отправить личное сообщение для DestroySoul Посмотреть профиль Найти все сообщения от DestroySoul
 
Регистрация: 10.07.2010
Сообщений: 2

Скрыть столбец таблицы
Имеется две таблицы, для которых необходимо реализовать скрытие столбцов:
<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>

Последний раз редактировалось DestroySoul, 10.07.2010 в 15:24.
Ответить с цитированием