Переопределить гобеленовую сетку

Question

Я хочу расширить компонент сетки гобелена, чтобы иметь возможность получить следующее поведение:

Я хочу, чтобы в определенном столбце текст был выровнен по правому краю, что не является проблемой для css.Однако я также хочу, чтобы в этом случае значки для сортировки таблицы (в заголовке таблицы) оставались слева от текста (не справа).

Возможно ли это?

Answer 1

Однако я также хочу иконки для сортировки таблицы (в таблице заголовок) слева от текста (не справа) в этом случае.

Я основываю свой ответ на этой случайной демонстрации: http://jumpstart.doublenegative.com.au/jumpstart/previews/easycrud/persons

.t-data-grid th:nth-child(3) a:last-child {
    float: left
}
.t-data-grid th:nth-child(3) a > img {
    margin: 0 4px 0 0
}

При желании вы можете заменить th:nth-child(3) классом, например th.lastName.

:last-child / nth-child не поддерживается в IE7 / 8. Если вам нужно поддерживать эти браузеры, вы можете вместо этого использовать :first-child, что поддерживается:

.t-data-grid th.lastName a {
    float: left
}
.t-data-grid th.lastName a:first-child {
    float: none
}
.t-data-grid th.lastName a > img {
    margin: 0 4px 0 0
}