ngx-datatable
  • Introduction
    • Features
    • Architecture
    • Installing
    • Themeing
    • Getting Started
    • Change Detection
  • API
    • Table
      • Inputs
      • Outputs
      • Methods
      • Internals
    • Column
      • Inputs
      • Modes
      • Internals
    • Row Detail
      • Inputs
      • Outputs
    • Row
      • Custom row wrapper
  • Demos
    • Online
    • Source Code
  • Contributing
    • Building
    • Guidelines
    • Community
    • Credits
  • Changelog
Powered by GitBook
On this page
  • template: TemplateRef
  • rowHeight: Number|Function
  1. API
  2. Row Detail

Inputs

template: TemplateRef

Template to use in the detail row. Example:

<ng-template let-row="row">
  <div>
    <div><strong>Address</strong></div>
    <div>{{row.address.city}}, {{row.address.state}}</div>
  </div>
</ng-template>

rowHeight: Number|Function

Height of the detail row.

Template

<ngx-datatable-row-detail [rowHeight]="getHeight" #myDetailRow (toggle)="onDetailToggle($event)">
  <ng-template let-row="row" ngx-datatable-row-detail-template>
    <div><strong>Address</strong></div>
    <div>{{row.address.city}}, {{row.address.state}}</div>
  </ng-template>
</ngx-datatable-row-detail>

Typescript

getHeight(row: any, index: number): number {
  return row.someHeight;
}
PreviousRow DetailNextOutputs

Last updated 5 years ago