Scss для выравнивания текста в ячейках groupTable и dataGrid

Коллеги, добрый день!
Необходимо выровнять все суммы по правому краю ячеек таблиц различного типа…

Для dataGrid успешно используем такой способ:

private static void setDataGridColumnMoneyStyle(DataGrid sliceKdDataGrid, String columnName) {
	sliceKdDataGrid.getColumn(columnName).setStyleProvider((property) -> {
        if (property == null) {
		return "default-style";
        } else {
		return "money";
            }
	});
}

При этом в файле .scss так:

  .money{
    text-align: right;
    color: lawngreen; // это для отладки применимости стиля
  }

Далее, для groupTable вот такой код также применяет стиль money:

        SliceDetailsTable.setStyleProvider((entity, property) -> {
            if (property == null) {
                return "default-style";
            } else if(property.equals("stock_sum")) {
                System.out.println(">>>>> property=" + property);
                return "money";
            }
            return null;
        });

при этом цвет текста в колонке меняется (для теста), а вот выравнивания по правому краю не происходит…

Подскажите, пожалуйста, в чем ошибка?
И может быть, подскажите универсальное решение вопроса для dataGrid, groupTable, treeDataGrid?

в GroupTable внутри td есть еще div
.money>div{
text-align: right;
color: lawngreen; // это для отладки применимости стиля
}

1 симпатия

Спасибо! Цвет применился, выравнивание - нет :frowning:

text-align: right !important;
там уже есть text-align заданый через style, а оно имеет приоритет

1 симпатия