Как изменить в style media="print" td:nth-of-type(1)

@НиколайВасильев · Регистрация: 02.12.2015

Студворк — интернет-сервис помощи студентам

По клику на кнопочку нужно печатать конкретные столбцы таблицы.
Для первого столбца решается через CSS

CSS

tbody td:nth-of-type(1)
{
    display: none;
    }

Нужно принимать из input номер колонки. Как через JS менять эту единицу?
Заранее спасибо за помощь!

@k-x · 01.02.2016, 17:21

Javascript

1
2
3

var num = 2, // то, что получили из инпута (к примеру 2) 
element = document.querySelector('tbody td:nth-of-type('+ num +')');
element.style.display = "none";

@НиколайВасильев · 01.02.2016, 20:45 **[ТС]**

k-x, спасибо! Срабатывает, но не совсем корректно.
-удаляет колонку num и определенную в css
-удаление по скрипту только в первой строке, css удаляет во всех строчках

@k-x · 01.02.2016, 20:53

НиколайВасильев, да, есть такое дело. Можно в цикле перебирать все нужные td

Javascript

var num = 2,
elements = document.querySelectorAll( 'tbody tr td:nth-of-type('+ num +')' );
for ( var i = 0; i < elements.length; i++ ) {
    elements[i].style.display = "none";
}

@НиколайВасильев · 01.02.2016, 22:48 **[ТС]**

k-x, боюсь от цикла бухгалтера с ума сойдут. По запросу в таблице может быть до 10тыс строк.
Допустим захочет не печатать 1,3 и 17. После распечатки еще один отчет без 2 и 15. Чаще нужна печать без первой колонки. Скорей всего, средствами CSS и JS не решить

@НиколайВасильев -28 / 12 / 2 Регистрация: 02.12.2015 Сообщений: 620
	01.02.2016, 20:45 [ТС]	3
	k-x, спасибо! Срабатывает, но не совсем корректно. -удаляет колонку num и определенную в css -удаление по скрипту только в первой строке, css удаляет во всех строчках 0

@НиколайВасильев -28 / 12 / 2 Регистрация: 02.12.2015 Сообщений: 620
	01.02.2016, 22:48 [ТС]	5
	k-x, боюсь от цикла бухгалтера с ума сойдут. По запросу в таблице может быть до 10тыс строк. Допустим захочет не печатать 1,3 и 17. После распечатки еще один отчет без 2 и 15. Чаще нужна печать без первой колонки. Скорей всего, средствами CSS и JS не решить 0

Опции темы