嵌套ngx数据表

时间:2018-04-19 13:06:16

标签: swingx ngx-datatable

您好我正在开发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表执行此操作?有人能帮我解决这个问题吗?谢谢。

0 个答案:

没有答案