Web Components
  1. Components
  2. QwcDataTable

File

qwc/projects/qwc/src/lib/components/qwc-data-table/qwc-data-table.component.ts

Description

Qwc data table component

Implements

AfterContentInit OnChanges OnDestroy

Metadata

selector qwc-data-table
templateUrl ./qwc-data-table.component.html

Index

Properties
Methods
Inputs
Outputs

Constructor

constructor(dragulaService: DragulaService)
Parameters :
Name Type Optional
dragulaService DragulaService No

Inputs

data
Type : any
dataKey
Default value : "id"
disableTemplateCache
Default value : false
displayColumns
Type : DisplayColumn[]
multiSelect
Default value : false
rowHeight
Default value : "75"
rowUnSelection
Default value : false
selectedIndex
Type : number
totalCount
Type : number

Outputs

columnResized
Type : EventEmitter
dblClick
Type : EventEmitter
displayColumnsChange
Type : EventEmitter
hoveredItemEvent
Type : EventEmitter
loadMore
Type : EventEmitter
selectionChange
Type : EventEmitter
sort
Type : EventEmitter

Methods

changeSorting
changeSorting(selectedDisplayColumn: DisplayColumn)

Change sorting

Parameters :
Name Type Optional Description
selectedDisplayColumn DisplayColumn No

Selected display column
Returns : void

void
dblClickHandler
dblClickHandler(selectedData: any)

Db click handler

Parameters :
Name Type Optional Description
selectedData any No

Selected data
Returns : void

void
getColumnWidth
getColumnWidth(displayColumn: DisplayColumn)

Get column width

Parameters :
Name Type Optional Description
displayColumn DisplayColumn No

Display column
Returns : { "min-width": string; "max-width": string; "flex-grow"?: undefined; } | { "flex-grow": number; "...

void
getTemplate
getTemplate(displayColumn: DisplayColumn)

Get template

Parameters :
Name Type Optional Description
displayColumn DisplayColumn No

Display column
Returns : TemplateRef<any>

TemplateRef Template Referance
isMacPlatform
isMacPlatform()

Is mac platform

Returns : boolean

boolean
isTemplateProvided
isTemplateProvided(displayColumn: DisplayColumn)

Is template provided

Parameters :
Name Type Optional Description
displayColumn DisplayColumn No

Display column
Returns : boolean

boolean
ngAfterContentInit
ngAfterContentInit()

Component life cycle hook

Returns : void

void
ngOnChanges
ngOnChanges(changes: SimpleChanges)

Component life cycle hook

Parameters :
Name Type Optional Description
changes SimpleChanges No

Changes
Returns : void

void
ngOnDestroy
ngOnDestroy()

Component life cycle hook

Returns : void

void
onResizeEnd
onResizeEnd(event: any, displayColumn: DisplayColumn)

On resize end

Parameters :
Name Type Optional Description
event any No

Event
displayColumn DisplayColumn No

Display column
Returns : void
onResizeStart
onResizeStart(event: any, displayColumn: DisplayColumn)

On rezise start

Parameters :
Name Type Optional Description
event any No

Event
displayColumn DisplayColumn No

Display column
Returns : void

void
onResizing
onResizing(event: any, displayColumn: DisplayColumn)

On resizing

Parameters :
Name Type Optional Description
event any No

Event
displayColumn DisplayColumn No

Display column
Returns : void
rowToggleSelection
rowToggleSelection(row, index: number)

Row toggle selection

Parameters :
Name Type Optional Description
row No

Row
index number No

Index
Returns : void

void
scrollChangeHandler
scrollChangeHandler(visibleIndexRecord: number)

Scroller change handler

Parameters :
Name Type Optional Description
visibleIndexRecord number No

Visible Index record
Returns : void

void
scrollToTop
scrollToTop()

Scroll to top

Returns : void

void
selectionChangeHandler
selectionChangeHandler(selectedData: any, event, rowIndex?: number)

Selection change handler

Parameters :
Name Type Optional Description
selectedData any No

Selected data
event No

Event
rowIndex number Yes

Row index
Returns : void

void
setHoveredItemId
setHoveredItemId(id)

Set hovered item id

Parameters :
Name Optional Description
id No

Id
Returns : void

void
toggleSelectAll
toggleSelectAll(selectAll?: boolean)

Select/de-select all the entities

Parameters :
Name Type Optional Description
selectAll boolean Yes

Mark select/de-select all instead of calucaltion from selected entities
Returns : void

void
triggerDblClick
triggerDblClick(selectedData: any, event: Event)

Trigger db click

Parameters :
Name Type Optional Description
selectedData any No

Selected data
event Event No

Event
Returns : void

void

Properties

actualCount
Type : number
Default value : 0
cdkVirtualViewport
Type : CdkVirtualScrollViewport
Decorators :
@ViewChild('cdkVirtualViewport', {static: true})
dataItems
Type : literal type[]
dragulaId
Type : string
hoveredItemId
Type : number
hoverOnHeader
Default value : false
idTemplateMap
Default value : new Map<string, TemplateRef<any>>()
isLoadMoreEventFired
Default value : false
rowItemTemplates
Type : QueryList<QwcRowItemTemplateDirective>
Decorators :
@ContentChildren(QwcRowItemTemplateDirective)
selectedRows
Type : any[]
Default value : []
subs
Default value : new Subscription()
tableContentContainer
Type : ElementRef
Decorators :
@ViewChild('tableContentContainer', {static: true})
tableHeaderContainer
Type : ElementRef
Decorators :
@ViewChild('tableHeaderContainer', {static: true})
templateCacheSize
Type : number
Default value : 20
trackByFn
Default value : () => {...}

Track by fn
Parameters :
Name Description
index

Index
item

Item
viewData
Type : any

result-matching ""

    No results matching ""