Вертикальное выравнивание datagrid

[rukavichnikov.sergej (Sergej R)]

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

.text-wrapping-by-words {
word-break:normal;
white-space: normal;
line-height: 120%;
font-size: 12px !important;
text-align: -moz-left !important;
vertical-align: bottom !important;
}

.text-wrapping-by-words-right {
word-break:normal;
white-space: normal;
line-height: 120%;
font-size: 12px ;
color: #000000;
font-weight: normal;
vertical-align: bottom !important;
text-align: -moz-right !important;
}

но выравнивания не происходит

[gorelov (Gleb Gorelov)]

Добрый день.

Мне помогли след. стили и настройки DataGrid:

@Inject
private DataGrid<User> table;

@Subscribe
public void onInit(InitEvent event) {
    table.getColumnNN("name").setStyleProvider(user -> "cell-text-right");
}

@Install(to = "table", subject = "rowStyleProvider")
private String tableRowStyleProvider(User user) {
    return "cells-text-bottom";
}

.cells-text-bottom td {
  display: flex;
  align-items: flex-end;
  line-height: 1;
}

.cell-text-right {
  display: flex;
  justify-content: flex-end;
}

[rukavichnikov.sergej (Sergej R)]

@gorelov

Добрый день.

Мне помогли след. стили и настройки DataGrid:

Copy

@Inject
private DataGrid<User> table;

@Subscribe
public void onInit(InitEvent event) {
    table.getColumnNN("name").setStyleProvider(user -> "cell-text-right");
}

@Install(to = "table", subject = "rowStyleProvider")
private String tableRowStyleProvider(User user) {
    return "cells-text-bottom";
}

Copy

.cells-text-bottom td {
  display: flex;
  align-items: flex-end;
  line-height: 1;
}

.cell-text-right {
  display: flex;
  justify-content: flex-end;
}

Спасибо, сработало. Только почему то размер шрифта не меняется

[gorelov (Gleb Gorelov)]

@rukavichnikov.sergej

Только почему то размер шрифта не меняется

Странно, простое задание font-size срабатывает:

[rukavichnikov.sergej (Sergej R)]

Да, работает, большое спасибо