Блог

Мне нужно скрыть часть таблицы, ячейки являются тегами th, а внутри th у меня заголовок диапазона. Я искал, но не могу найти ни одной подсказки. Я хотел бы скрыть одну из ячеек, как бы просто скрыв одну ячейку всей таблицы. Это возможно выполнить с помощью файла CSS?

Вот как создается мой css:

 .GridHeaderStyle th{text-align:center;}
.GridMainSytle td, .GridHeaderStyle th
{    
border:thin solid #ffffff;  
*border:none;

}
  

Как вы можете видеть, th и td находятся вместе, и я не могу просто указать th, о котором идет речь. Инструменты Google developper показывают мне, что тег th имеет вид

 <th scope="col" widgth="10%">

<span title="column1">
  

Я пробовал следовать, но он скрывает все ячейки, а не ту, о которой идет речь.

 .GridHeaderStyle th[scope=col]
{
display:none;
}
  

Заранее спасибо

Пожалуйста, попробуйте приведенный ниже код CSS :

 .GridHeaderStyle th span {
  display:none;
}
  

Не видя больше разметки, трудно быть уверенным, но, скорее всего, на основе примера, th[scope=col] селектор соответствует всем ячейкам вашего заголовка. Посмотрите на использование nth-child селектора CSS, чтобы быть более конкретным, но имейте в виду, что это хрупкое решение. Если ваша разметка изменится таким образом, что заголовок, который вы хотите подавить, теперь находится в другом порядке, ваше правило скроет неправильный столбец.

Если ваш вариант использования позволяет это, вы могли бы скрыть span , а не столбец, и, следовательно, обратиться к элементу немного более конкретно. Попробуйте правило:

 th span[title=column1] {
  display:none;
}