[ACA-4361] permission layout modified (#6937)

* * reusable data table column moved

* [ACA-4361] permission layout modified

* * build fixed

* fix build

* * import fixed

* * null safety operation

* * fixed comments

* * fix lint

* * wait for reload list

* * remove sleep

* * add sleep

* * fix comments

* * fix comments

* * floating promises fix

* * remove wait

docs/content-services/components/permission-list.component.md

@@ -2,7 +2,7 @@
 Title: Permission List Component
 Added: v2.3.0
 Status: Active
-Last reviewed: 2018-11-20
+Last reviewed: 2021-4-17
 ---
 
 # [Permission List Component](../../../lib/content-services/src/lib/permission-manager/components/permission-list/permission-list.component.ts "Defined in permission-list.component.ts")
@@ -14,22 +14,9 @@ Shows node permissions as a table.
 ## Basic Usage
 
 ```html
-<adf-permission-list [nodeId]="nodeId">
-</adf-permission-list>
+<adf-permission-list [nodeId]="nodeId"></adf-permission-list>
 ```
 
-### [Transclusions](../../user-guide/transclusion.md)
-
-When the list is empty, the contents will simply say "No permissions" by default,
-but you can also supply your own content:
-
-```html
-<adf-permission-list [nodeId]="nodeId">
-  <adf-no-permission-template>
-    Custom no permission template!
-  </adf-no-permission-template>
-</adf-permission-list>
-```
 
 ## Class members
 

docs/core/components/data-column.component.md

@@ -120,7 +120,7 @@ To disable the tooltip your function can return `null` or an empty string.
 
 ### Column Template
 
-You can provide custom column/cell templates that may contain other Angular components or HTML elements:
+You can provide custom column/cell header and templates that may contain other Angular components or HTML elements:
 
 Every cell in the DataTable component is bound to the dynamic data context containing the following properties:
 
@@ -185,6 +185,23 @@ In the Example below we will prepend `Hi!` to each file and folder name in the l
 
 <!-- {% endraw %} -->
 
+In the example below we will show capitalised custom name for a column:
+
+<!-- {% raw %} -->
+
+```html
+<data-column title="Name" key="name" sortable="true" class="full-width ellipsis-cell">
+    <adf-data-column-header>
+        <ng-template let-entry="$implicit">
+            <span>NAME</span>
+        </ng-template>
+    </adf-data-column-header>
+</data-column>
+```
+
+<!-- {% endraw %} -->
+
+
 In the Example below we will integrate the [adf-tag-node-list](../../content-services/components/tag-node-list.component.md) component
 within the document list.