WorkersDataTable
This is a container for WorkersDataTable.
Component children#
| Key | Component | Condition | Align | Description |
|---|---|---|---|---|
| worker | React component | Workers column. Each row displays a worker's avatar, name, status and time in status | ||
| calls | React component | Calls column. Each row displays a call task info (icon, user name and realtime task duration) if there is an active call task | ||
| tasks | React component | Other tasks column. Each row displays a task info (icon, user name and realtime task duration) if there is an active task |
Static Properties#
| Name | Type | Description |
|---|---|---|
| Content | DynamicContentStore<SupervisorWorkerState, WorkersDataTableChildrenKeys> | Dynamic content store |
| defaultProps | WorkersDataTable.WorkersDataTableProps | Default properties |
Component Properties#
| Name | Type | Description | Optional | Default |
|---|---|---|---|---|
| isLoading | boolean | Indicates whether worker data table is loading. | No | |
| workers | Array<SupervisorWorkerState> | List of workers and their associated tasks. | No | |
| onTaskSelected | function | Function called when task selected. | No | |
| onWorkerSelected | function | Function called when worker selected. | No | |
| sortWorkers | function | Compare function to use when sorting by workers. | Yes | WorkersDataTable.defaultCompareFunction |
| sortCalls | function | Compare function to use when sorting by calls. | Yes | |
| sortTasks | function | Compare function to use when sorting by tasks. | Yes | |
| filters | Array<WorkersDataTable.WorkerListFilter> | Legacy filters. Please use the filter API on the TeamsView component. | Yes | WorkersDataTable.defaultFilters |
| taskFilter | string | An expression used to filter out workers tasks. | Yes | WorkersDataTable.taskFilter |
| defaultSortColumn | string | Default sort column. | Yes |
Rate this page