没有数据的AgGrid自定义模板无法正常工作

编程问答 2022-08-12

问题描述

我正在尝试更新overlayNoRowsTemplate，以防表中没有数据。但是它不能正常工作，我已经在下面的代码中使用了

.ts 

export class AppComponent {
  rowData = []
  columnDefs = [
    {
      headerName: "ID",field: "id",},{
      headerName: "Value",field: "value",];
  overlayNoRowsTemplate = `This is Custom Message for no data</br> <span class="error">Login After some time</span>`

}

.html 

<ag-grid-angular style="width: 100%; height: 120px;" class="ag-theme-fresh" 
    [rowData]="rowData"
        [columnDefs]="columnDefs"
    [overlayNoRowsTemplate]="overlayNoRowsTemplate">
    </ag-grid-angular>

仅显示一半消息这是无数据的自定义消息

下面是示例代码链接

https://stackblitz.com/edit/angular-ag-grid-angular-8awpde?file=app/app.component.ts

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ag-gridangular