Как установить цвет фона всего столбца в CellTable GWT

Question

Я хочу найти способ установить цвет фона всего столбца в CellTable в GWT, но не повезло.В стиле CellTable я нашел только стиль cellTableLastColumn и cellTableFirstColumn, которые можно использовать для установки цвета фона для последнего и первого столбца (эти два работают нормально).Кто-нибудь знает, как установить цвет фона всего столбца для любого столбца, передавая индекс столбца в качестве параметра?Большое спасибо.

Answer 1

Вы можете использовать table.addColumnStyleName(colIndex, "mystyle"), чтобы указать CellTable добавить mystyle к <colgroup> таблицы.Это приводит к HTML как

<table ...>
  <colgroup><col><col><col class="mystyle"><col>...</colgroup>
  ...

С правилом CSS как mystyle { background-color : #D0E4F6; }, это устанавливает цвет фона всего столбца, включая заголовок.

К сожалению, этого недостаточно, потому чтоправила CSS GWT для четных / нечетных строк будут иметь приоритет и стиль для всех <td> столбца (кроме заголовка), перезаписывая цвет фона.

Чтобы исправить это, используйте column.setCellStyleNames("mystyle")колонка.Это заставляет <td> столбца получать класс mystyle.Затем вы можете использовать CSS как

.mystyle, td.mystyle {
  background-color : #D0E4F6;
}

, чтобы установить цвет фона столбца (заголовка) и <td>.

Answer 2

Вы можете использовать addColumnStyleName, чтобы добавить имя класса CSS в столбец, так же, как вы используете addStyleName для Widget.