Пользовательский интерфейс AngularJS: как применить мой класс CSS, чтобы переписать исходный класс CSS сетки UI

Question

Например, как говорится в заголовке, я хочу создать класс CSS с именем myViewport для перезаписи ui-grid-viewport (ui-grid).

Answer 1

Я нахожу решение, это CSS элемент> Выбор элемента, я добавляю идентификатор для родительского элемента, например:

<div id=""test>
    <div>
        <div class="ui-grid-viewport(object)">...</div>
    </div>
</div>

в style.css имя класса должно быть div # test> div>.ui-grid-viewport {} это решение не простое, потому что я должен найти положение ui-grid-viewport.

Answer 2

Это должно было обсуждаться здесь несколько раз.Вы можете отключить горизонтальную полосу с параметром enableHorizontScrollbar.Я не думаю, что вам потребуется css для достижения этой цели, если вы не пробуете что-то другое.

$scope.grid = {
enableHorizontalScrollbar: 0
};

Может принимать любое из следующих значений:

0 = disable;
1 = enable;
2 = enable when needed;

И обратите вниманиечто вам нужно будет передать uiGridConstants вашему контроллеру.

Вы также должны проверить этот репозиторий github для получения дополнительной информации.https://github.com/angular-ui/ui-grid