diff --git a/libs/platform/table-helpers/pipes/cell-styles.pipe.ts b/libs/platform/table-helpers/pipes/cell-styles.pipe.ts index 34f2a9a1831..2783d1b05b3 100644 --- a/libs/platform/table-helpers/pipes/cell-styles.pipe.ts +++ b/libs/platform/table-helpers/pipes/cell-styles.pipe.ts @@ -14,7 +14,10 @@ export class TableCellStylesPipe implements PipeTransform { isFrozenEndColumn: boolean, prevColumnWidthPx: number | null, columnWidth: string, - nextColumnWidthPx: number | null + nextColumnWidthPx: number | null, + noBorders?: boolean, + noBordersY?: boolean, + noBordersX?: boolean ): Record { const styles: { [property: string]: number | string } = {}; @@ -29,9 +32,23 @@ export class TableCellStylesPipe implements PipeTransform { styles[key] = (nextColumnWidthPx || 0).toString(); } - styles['min-width'] = columnWidth; - styles['max-width'] = columnWidth; - styles['width'] = columnWidth; + if (noBordersY) { + styles['border-top'] = 'none'; + styles['border-bottom'] = 'none'; + } + + if (noBordersX) { + styles['border-left'] = 'none'; + styles['border-right'] = 'none'; + } + + if (noBorders) { + styles['border'] = 'none'; + } else { + styles['min-width'] = columnWidth; + styles['max-width'] = columnWidth; + styles['width'] = columnWidth; + } // The "start" value does align left when you are using a LTR browser. // In RTL browsers, the "start" value aligns right. diff --git a/libs/platform/table/components/table-header-row/table-header-row.component.html b/libs/platform/table/components/table-header-row/table-header-row.component.html index c313daf3a76..2bb231195ef 100644 --- a/libs/platform/table/components/table-header-row/table-header-row.component.html +++ b/libs/platform/table/components/table-header-row/table-header-row.component.html @@ -2,6 +2,10 @@ + } this._semanticHighlightingKey = value; this._setSemanticHighlighting(); } + get semanticHighlighting(): string { if (!this._semanticHighlightingKey && this._forceSemanticHighlighting) { return DEFAULT_HIGHLIGHTING_KEY;