Изменить иконку clr-dg-placeholder или фоновое изображение - PullRequest
Новая
       9

Изменить иконку clr-dg-placeholder или фоновое изображение

0 голосов
/ 22 декабря 2018

Я использую clr-dg-placeholder для установки заполнителя в сетке данных Clarity, но я хочу изменить фоновое изображение или значок.enter image description here

Возможно ли это без css?

1 Ответ

0 голосов
/ 28 декабря 2018

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

import {Component, ViewEncapsulation} из '@ angular / core'; 

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ],
  encapsulation: ViewEncapsulation.None,
})
export class AppComponent  {}

Затем вы можете напрямую нацелиться на элемент .datagrid-placeholder-image и переопределить свойство background-image 

.datagrid-host .datagrid .datagrid-table .datagrid-placeholder-container .datagrid-placeholder-image{
  background-image: url('data:image/svg+xml;utf8,<svg height="100px" width="100px">YOUR SVG CODE HERE</svg>');
}

Здесь - это запущенный стек с переопределением.

...