angular - 如何始终显示 ngx-datatable 行详细信息？

Question

我在 documentation about how to toggle displaying a row detail 中看到但我无法在任何地方找到如何始终显示每一行的行详细信息。这可能吗？

Answer 1

也许有人还在寻找解决方案...

当然可以，这是可能的。首先确保您的 ngx-datatable 实例具有模板引用:

<ngx-datatable
   #myTable
   class="material"
   [columnMode]="'force'"
   [headerHeight]="50">

比在你的 typeScript 代码中使用 ViewChild 选择器引用这个:

@ViewChild('myTable') table: any;

现在您可以在 TypeScript 代码中的 ngx-datatable api 中折叠或展开表格的所有行:

this.table.rowDetail.collapseAllRows();
this.table.rowDetail.expandAllRows();

或模板中您想要的任何位置:

(click)="table.rowDetail.collapseAllRows()"
(click)="table.rowDetail.expandAllRows()"

希望对您有所帮助。