您好我正在开发Angular5中的应用程序。我正在使用ngx数据表。我在数据网格中实现了行详细信息功能。当我点击箭头标记时,详细信息将显示下来。以下是我的代码。
<ngx-datatable #myTable class='material expandable'
[loadingIndicator]="loadingIndicator"
[rows]="rows"
[rowHeight]="35"
[headerHeight]="35"
[footerHeight]="35"
[columns]="columns"
[columnMode]="'force'"
[limit]="10">
<ngx-datatable-row-detail [rowHeight]="100" #myDetailRow (toggle)="onDetailToggle($event)">
<ng-template let-row="row" let-expanded="expanded" ngx-datatable-row-detail-template>
<div style="padding-left:35px;">
// Here I want to show columns with header and row of data
</div>
</ng-template>
</ngx-datatable-row-detail>
<ngx-datatable-column [width]="50"
[resizeable]="false"
[sortable]="false"
[draggable]="false"
[canAutoResize]="false">
<ng-template let-row="row" let-expanded="expanded" ngx-datatable-cell-template>
<a href="javascript:void(0)"
[class.datatable-icon-right]="!expanded"
[class.datatable-icon-down]="expanded"
title="Expand/Collapse Row"
(click)="toggleExpandRow(row)">
</a>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column width="200">
<ng-template let-column="column" ngx-datatable-header-template>
Application ID
</ng-template>
<ng-template let-row="row" ngx-datatable-cell-template>
{{row.applicationid}}
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
在上面的代码中,每当我点击行时,下面我想显示带有标题和行的数据。我可以使用普通的html表格显示。我可以知道有没有其他方法可以显示我提到的数据,或者我知道如何使用ngx-data表执行此操作?有人能帮我解决这个问题吗?谢谢。