Table

Tables for dynamic data; follow the examples closely, including the #cell ref

Contents

[fixedLayout]="true"

Use [gridWidth]="TableColumnGridWidth" to set column widths.

Name
Age
Job Title
Salary
Name

Alice

Age

24 years of age

Job Title

Software Engineer

Salary

$88,000.00

Name

Bob

Age

23 years of age

Job Title

Product Manager

Salary

Undisclosed Salary

Name

John

Age

22 years of age

Job Title

Data Scientist

Salary

$98,000.00

Inputs in Fixed layout
fixedLayout ?: boolean = false

Use with any width input on fl-table-col to fix table layout

Also set in this example
dataSource : readonly T[]
Outputs
pageSelected ?: any = new EventEmitter<number>()
rowExpanded ?: any = new EventEmitter<number | undefined>()

Emits the index of the currently expanded row - undefined if no row is expanded