added scrolling to table

src/Umbraco.Web.UI.Client/src/backoffice/components/table/table.element.ts

@@ -55,6 +55,24 @@ export class UmbTableElement extends LitElement {
 	static styles = [
 		UUITextStyles,
 		css`
+			:host {
+				height: 100%;
+				overflow: auto;
+				padding: var(--uui-size-space-4);
+				padding-top: 0;
+			}
+
+			uui-table {
+				box-shadow: var(--uui-shadow-depth-1);
+			}
+
+			uui-table-head {
+				position: sticky;
+				top: 0;
+				background: white;
+				z-index: 1;
+			}
+
 			uui-table-row uui-checkbox {
 				display: none;
 			}

src/Umbraco.Web.UI.Client/src/backoffice/sections/users/views/users/list-view-layouts/grid/editor-view-users-grid.element.ts

@@ -25,6 +25,7 @@ export class UmbEditorViewUsersGridElement extends UmbContextConsumerMixin(LitEl
 				grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 				gap: var(--uui-size-space-4);
 				padding: var(--uui-size-space-4);
+				padding-top: 0;
 			}
 
 			uui-card-user {

src/Umbraco.Web.UI.Client/src/backoffice/sections/users/views/users/list-view-layouts/table/editor-view-users-table.element.ts

@@ -1,4 +1,5 @@
-import { html, LitElement } from 'lit';
+import { css, html, LitElement } from 'lit';
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
 import { customElement, state } from 'lit/decorators.js';
 import { Subscription } from 'rxjs';
 import { UmbContextConsumerMixin } from '../../../../../../../core/context';
@@ -20,6 +21,17 @@ import './column-layouts/status/user-table-status-column-layout.element';
 
 @customElement('umb-editor-view-users-table')
 export class UmbEditorViewUsersTableElement extends UmbContextConsumerMixin(LitElement) {
+	static styles = [
+		UUITextStyles,
+		css`
+			:host {
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+			}
+		`,
+	];
+
 	@state()
 	private _users: Array<UserDetails> = [];