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;