[ADF-4267] expose stiky heder in document list (#4455)

* expose stiky heder in document list

* lint fix

lib/content-services/document-list/components/document-list.component.html

@@ -14,6 +14,7 @@
     [noPermission]="noPermission"
     [showHeader]="!isEmpty() && showHeader"
     [rowMenuCacheEnabled]="false"
+    [stickyHeader]="stickyHeader"
     (showRowContextMenu)="onShowRowContextMenu($event)"
     (showRowActionsMenu)="onShowRowActionsMenu($event)"
     (executeRowAction)="onExecuteRowAction($event)"

lib/content-services/document-list/components/document-list.component.scss

@@ -9,6 +9,11 @@
         margin-top: 2px;
     }
 
+    .adf-sticky-document-list {
+        height: 310px;
+        overflow-y: auto;
+    }
+
     .adf-datatable-selected > svg {
         fill: mat-color($accent);
         width: 32px;

lib/content-services/document-list/components/document-list.component.ts

@@ -235,6 +235,10 @@ export class DocumentListComponent implements OnInit, OnChanges, OnDestroy, Afte
     @Input()
     imageResolver: any | null = null;
 
+    /** Toggles the sticky header mode. */
+    @Input()
+    stickyHeader: boolean = false;
+
     _currentFolderId: string = null;
 
     /** The ID of the folder node to display or a reserved string alias for special sources */