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

Question

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

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

Answer 1

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

Если вы хотите переопределить стандартный стиль CSS заголовка таблицы ячеек, вот некоторые из стилей 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

Теперь, если вы хотите получить программный доступ к вашему заголовку, вы можете использовать это решение, чтобы получить 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();
}