如何始终显示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">

比在tour typeScript代码中使用ViewChild选择器获取此引用：

@ViewChild('myTable') table: any;

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

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

或模板中的任何位置：

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

希望这有帮助。