更改clr-dg-placeholder图标或背景图片

Question

我正在使用clr-dg-placeholder在Clarity Datagrid中设置一个占位符，但是我想更改背景图像或图标。

没有CSS可能吗？

Answer 1

您将必须关闭其中具有数据网格并且还需要覆盖的组件的视图封装。

从'@ angular / core'导入{Component，ViewEncapsulation};

@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>');
} 

Here是带有覆盖的运行中的堆栈闪电战。