如何在ag-grid noRowsTemplate值中使用Angular 2x组件

矢吾

我想在ag-grid noRowsTemplate属性内使用带有一些属性的Angular组件类似于以下内容:

noRowsTemplate="<app-empty-state desc="No Rows"></app-empty-state>"

这不起作用,因为noRowsTemplate属性仅接受普通的旧HTML。我想知道在Angular 2x中是否有类似于函数的东西,您可以“预编译”一个组件并返回可以设置为noRowsTemplate属性的平面HTML和CSS 你能帮我吗?

谢谢!

特工

没有办法根据官方文档添加角度分量。

但是您可以简单地添加标记。提供所需的类,然后将这些类添加到主CSS文件中。并根据需要设置样式。

  `<div class="overlayNoRowsTemplate">
     <span style="padding: 10px; border: 2px solid #444; background: lightgoldenrodyellow;">
       This is a custom \'no rows\' overlay
     </span>
</div>`;```

.overlayNoRowsTemplate {
  width: 300px;
  height: 300px;
  background-color: red;
}

策划人:https ://plnkr.co/edit/yEajXlR7Cm6wfKKp

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Angular 2 ag-grid中的两行ag-grid之间添加空间

如何在Angular中使用ag-grid的headerClass属性?

如何在 Angular 11 中使用 Ag-Grid

如何在angular2应用程序中初始化Ag-Grid API

如何在 ES6 中使用 ag-grid?

如何在Ag-grid中使排序键不敏感?

如何在ag-Grid的单元内渲染Angular routerLink?

如何在角度2的ag-grid中进行分页

如何在 ag-grid angular 2+ 中设置行拖动默认图标的可见性

如何在 tensorflow 2x 中使用 Adam().minimize?

如何在ag-Grid Angular设置中访问columnDefs中另一列的值?

如何在Ag-Grid过滤器中使用AngularJS 1?

如何在Ag-grid的事件方法中使用javascript默认事件对象

如何在单元格渲染器中使用按钮删除Ag-grid行

如何在 Ag-Grid 中使用多个条件文本输入进行过滤?

如何在React函数组件(useState钩子)中访问ag-Grid API?

如何在ag-grid单元格字段值中显示枚举值?

展开组时,如何在 ag-grid 的组列中显示值?

ag-Grid/Reactjs - 如何在 columnDefs 中获取单元格值

如何在 ag-grid Angular 中显示复杂的数据结构

如何在Angular 8中将Ag-Grid从版本21迁移到版本22

如何在 Angular 上为 ag-Grid 监听 sortChange(event)?

如何在ag-grid-angular中扩展第一组级别

如何在 angular ag-grid 中默认展开枢轴列组

Angular Ag-Grid:如何在单元格中呈现HTML?

如何在 Ag-grid angular 中扩展分组数据中的行?

如何在ag-grid angular中为悬停的单元格添加边框?

如何在Ag-grid上显示和使用单选按钮?

如何在Ag Grid中隐藏列?