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

Question

我在文档中看到了有关如何切换显示行详细信息的信息，但我无法在任何地方找到如何始终显示每一行的行详细信息。这甚至可能吗？

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()"

希望这会有所帮助。