Bits | Freelancer Bits

Name	Date	Project Name	Status	age	amount
Jhon	16/08/1973	Build a website	Released	24	200
Name Jhon Date 16/08/1973 Project Name Build a website Status Released age 24 amount 200 Actions
Rachel	16/08/1973	Design a logo	Released	27	100
Name Rachel Date 16/08/1973 Project Name Design a logo Status Released age 27 amount 100 Actions
George	16/08/1973	Build a component	Released	30	300
Name George Date 16/08/1973 Project Name Build a component Status Released age 30 amount 300 Actions

Use the Expandable property [expandable]="true" to add custom content in the exapandable body.

Name	Date	Project Name	Status	age	amount
Jhon	16/08/1973	Build a website	Released	24	200
Transaction ID 675756756756 Transaction Date 16/08/1973 Project Name Build a website Project Description This is a description that will only show up on expand
Rachel	16/08/1973	Design a logo	Released	27	100
Transaction ID 34534534534 Transaction Date 16/08/1973 Project Name Design a logo Project Description This is a description that will only show up on expand
George	16/08/1973	Build a component	Released	30	300
Transaction ID 12345123434 Transaction Date 16/08/1973 Project Name Build a component Project Description This is a description that will only show up on expand

Mobile View Compact "TableMobileStyle.SIMPLE"

Name	Date	Project Name	Status	age
Jhon	16/08/1973	Build a website	Released	24
Rachel	16/08/1973	Design a logo	Released	27
George	16/08/1973	Build a component	Released	30

Mobile View Compact "TableMobileStyle.SIMPLE" and "expandable"

Name	Date	Project Name	Status	age	amount
Jhon	16/08/1973	Build a website	Released	24	200
Transaction ID 675756756756 Transaction Date 16/08/1973 Project Name Build a website Project Description This is a description that will only show up on expand
Rachel	16/08/1973	Design a logo	Released	27	100
Transaction ID 34534534534 Transaction Date 16/08/1973 Project Name Design a logo Project Description This is a description that will only show up on expand
George	16/08/1973	Build a component	Released	30	300
Transaction ID 12345123434 Transaction Date 16/08/1973 Project Name Build a component Project Description This is a description that will only show up on expand

Inputs in Mobile view compact

expandable ?: boolean = false

expandableBodyCompact ?: boolean = false

itemsPerPage ?: number = Number.POSITIVE_INFINITY

mobileViewCompact ?: TableMobileStyle

singleExpandable ?: boolean = false

Only allow expanding one row at a time

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

Table