diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/components/table/table.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/components/table/table.element.ts
index 43234edd3d..de12b4b965 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/components/table/table.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/components/table/table.element.ts
@@ -30,6 +30,7 @@ export interface UmbTableColumn {
elementName?: string;
width?: string;
allowSorting?: boolean;
+ align?: 'left' | 'center' | 'right';
}
export interface UmbTableColumnLayoutElement extends HTMLElement {
@@ -176,7 +177,9 @@ export class UmbTableElement extends LitElement {
private _renderHeaderCell(column: UmbTableColumn) {
return html`
- ${column.allowSorting ? html`${this._renderSortingUI(column)}` : column.name}
+ ${column.allowSorting
+ ? html`${this._renderSortingUI(column)}`
+ : html`${column.name}`}
`;
}
@@ -186,7 +189,7 @@ export class UmbTableElement extends LitElement {
@@ -240,8 +243,11 @@ export class UmbTableElement extends LitElement {
}
private _renderRowCell(column: UmbTableColumn, item: UmbTableItem) {
- return html`${this._renderCellContent(column, item)}
+ return html`
+
+ ${this._renderCellContent(column, item)}
+
`;
}
@@ -313,6 +319,9 @@ export class UmbTableElement extends LitElement {
justify-content: space-between;
width: 100%;
}
+ uui-table-head-cell button > span {
+ flex: 1 0 auto;
+ }
uui-table-cell uui-icon {
vertical-align: top;