Посмотрите стиль заголовков GWT CellTable?

Question

Каким образом названия / названия в стиле TH заголовка GWT CellTable можно искать программно?

Я посмотрел документацию по комплекту клиентов, но для меня не сразу очевидно, как все это сочетается. Спасибо.

Answer 1

Не совсем точно, что вы хотите делать при доступе к именам в стиле TH.

Если вы хотите переопределить стандартный стиль css заголовка celltable, вот некоторые из стилей css, которые вы можете переопределить, чтобы изменить внешний вид компонента.

.cellTableFirstColumnHeader {}

.cellTableLastColumnHeader {}

.cellTableHeader {
      border-bottom: 2px solid #6f7277;
      padding: 3px 15px;
      text-align: left;
      color: #4b4a4a;
      text-shadow: #ddf 1px 1px 0;
      overflow: hidden;
 }

.cellTableSortableHeader {
  cursor: pointer;
  cursor: hand;
}

.cellTableSortableHeader:hover {
  color: #6c6b6b;
}

.cellTableSortedHeaderAscending {

}

.cellTableSortedHeaderDescending {

}

Вот полный список стилей для cellTables CellTable.css

Теперь, если вы хотите получить программный доступ к заголовку, вы можете использовать thisрешение , чтобы получить TableSectionElement, соответствующий заголовку вашей таблицы.Затем вы можете получить доступ к строке, затем к ячейкам и искать их стили, я думаю.

Последнее, если вы хотите переопределить стиль заголовка, возможно, вы можете использовать следующий метод при добавлении столбца в таблицу.

public void addColumn(Column<T, ?> col, Header<?> header)

Затем создайте свой заголовок или, например, используйте TextHeader, затем установите его стиль перед тем, как добавить его в таблицу, используя

public void setHeaderStyleNames(String styleNames)

Пример

TextHeader textHeader = new TextHeader("headerTitle");
textHeader.setHeaderStyleNames("my-style");
myTable.addColumn(myColumn, textHeader);

Answer 2

Простое решение:

import com.google.gwt.user.cellview.client.CellTable.Resources;

private String getCellTableHeaderStyle() {
    Resources res = GWT.create(Resources.class);
    return res.cellTableStyle().cellTableHeader();
}