скрыть столбец таблицы
Доброго времени, форумчане.
Задача скрыть столбец таблицы. Таблица приличная >600 строк, 11 столбцов. Можно ли реализовать условие скрытия ячейки по её номеру в строке? Например № 11 или № 7. Другими словами - в строке <tr></tr> есть 11 <td></td>, можно ли скрыть определённую <td></td>, слева № 5? |
Цитата:
Цитата:
|
Цитата:
|
atanov,
$('table tr').eq(/*-1 + номер строки*/).find('td').eq(/*-1 + номер столбца*/).hide();
|
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
</table>
<input type="text" id="input" value="5"/>
<script>
$(function(){
$('#input').on('input change blur click',function(){
$('td:nth-child('+this.value+')').toggle() //.hide()
});
});
</script>
|
Цитата:
|
Цитата:
<table border='1'>
<tr>
<td>0 0</td><td>0 1</td><td>0 2</td>
</tr>
<tr>
<td>1 0</td><td>1 1</td><td>1 2</td>
</tr>
<tr>
<td>2 0</td><td>2 1</td><td>2 2</td>
</tr>
</table>
<script type='text/javascript'>
var col=1;
var o=document.querySelector('table');
for (var i=0; i<o.rows.length; i++) {
o.rows[i].cells[col].style.display='none';
};
</script>
|
atanov, вроде так:
document.querySelectorAll('table tr')[/*-1 + номер строки*/].querySelectorAll('td')[/*-1 + номер столбца*/].style.display='none';
|
Цитата:
<meta charset="utf-8">
<style type="text/css">
.hide{
display: none;
}
</style>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
</table>
<script>
[].forEach.call( document.querySelectorAll('td:nth-child(5)'), function(el) {
el.classList.add('hide');
});
</script>
|
Цитата:
Цитата:
|
| Часовой пояс GMT +3, время: 16:06. |