Как изменить цвет фона пагинатора в angular-6-datatable
Итак, я использую angular-6-datatable (https://www.npmjs.com/package/angular-6-datatable) в своем проекте. Но я не могу изменить цвет фона пагинатора. Это выглядит так:
Я пробовал использовать встроенный стиль даже с! Important, но он все равно не изменится.
Что мне здесь не хватает?
Ответы 2
добавьте свой paginator css внутри :host /deep/, как показано ниже:
:host /deep/ {
/*paginator style goes here*/
}
или
::ng-deep {
/*paginator style goes here*/
}
вы пробовали :: ng-deep? :: ng-deep сработал для меня, вы можете попытаться сообщить мне об этом?
попробовал только сейчас, и он работает, но вместо того, чтобы раскрашивать активный номер страницы (который равен 1), раскрашен номер страницы 2
Вам нужно добавить цвет к активному номеру, только там должна быть активная проверка класса и применить css только к этому классу, или вы можете поделиться своим кодом здесь?
Если вы просто хотите установить цвет на странице 1, вам просто нужно назначить динамический класс.
<div class = "pagination" [ngClass] = {'active':pageIndex == 1}>
<!-- pagination stuff hear... -->
</div>
В файле .ts
pageIndex : any = '1'; // You have to update this when pagination value update , This way : pageIndex ++;
В файле scss
:host ::ng-deep .pagination .active{
background:red;
}
просто пробовал, но ничего не делает? а что здесь
deep?