[ACA-3170]Task/Process Add the sticky header feature (#5630)

* Add the sticky header feature

* Add html

docs/process-services/components/process-list.component.md

@@ -65,6 +65,7 @@ when the process list is empty:
 | sort | `string` |  | Defines the sort ordering of the list. Possible values are `created-desc`, `created-asc`, `ended-desc`, `ended-asc`. |
 | state | `string` |  | Defines the state of the processes. Possible values are `running`, `completed` and `all` |
 | showContextMenu | `boolean` | false | Toggles custom context menu for the component. |
+| stickyHeader | `boolean` | false | Toggles the sticky header mode. |
 
 ### Events
 

docs/process-services/components/task-list.component.md

@@ -74,6 +74,7 @@ when the task list is empty:
 | state | `string` |  | Current state of the process. Possible values are: `completed`, `active`. |
 | taskId | `string` |  | The id of a task |
 | showContextMenu | `boolean` | false | Toggles custom context menu for the component. |
+| stickyHeader | `boolean` | false | Toggles the sticky header mode. |
 
 ### Events
 

lib/process-services/src/lib/process-list/components/process-list.component.html

@@ -4,6 +4,7 @@
     [columns]="columns"
     [sorting]="sorting"
     [loading]="isLoading"
+    [stickyHeader]="stickyHeader"
     [selectionMode]="selectionMode"
     [multiselect]="multiselect"
     [resolverFn]="resolverFn"

lib/process-services/src/lib/process-list/components/process-list.component.ts

@@ -111,6 +111,10 @@ export class ProcessInstanceListComponent extends DataTableSchema implements OnC
     @Input()
     selectFirstRow: boolean = true;
 
+    /** Toggles the sticky header mode. */
+    @Input()
+    stickyHeader: boolean = false;
+
     /** Toggles custom context menu for the component. */
     @Input()
     showContextMenu: boolean = false;

lib/process-services/src/lib/task-list/components/task-list.component.html

@@ -6,6 +6,7 @@
             [columns]="columns"
             [sorting]="sorting"
             [loading]="isLoading"
+            [stickyHeader]="stickyHeader"
             [multiselect]="multiselect"
             [selectionMode]="selectionMode"
             [contextMenu]="showContextMenu"

lib/process-services/src/lib/task-list/components/task-list.component.ts

@@ -127,6 +127,10 @@ export class TaskListComponent extends DataTableSchema implements OnChanges, Aft
     @Input()
     showContextMenu: boolean = false;
 
+    /** Toggles the sticky header mode. */
+    @Input()
+    stickyHeader: boolean = false;
+
     /** Emitted before the context menu is displayed for a row. */
     @Output()
     showRowContextMenu = new EventEmitter<DataCellEvent>();