diff --git a/libs/angular/src/v-angular/table/table.component.html b/libs/angular/src/v-angular/table/table.component.html index 083feea798..494a74bd41 100644 --- a/libs/angular/src/v-angular/table/table.component.html +++ b/libs/angular/src/v-angular/table/table.component.html @@ -1,3 +1,41 @@ + + + + + + + + {{ t(column.label ?? '') }} + + + + + + + + @@ -28,27 +66,24 @@ [attr.aria-label]="getAriaLabel(column)" [attr.aria-sort]="column.order + 'ending'" > - - - + - + + + + + - - - - diff --git a/libs/angular/src/v-angular/table/table.component.scss b/libs/angular/src/v-angular/table/table.component.scss index 9f8b5448bb..9184ec3f60 100644 --- a/libs/angular/src/v-angular/table/table.component.scss +++ b/libs/angular/src/v-angular/table/table.component.scss @@ -12,6 +12,7 @@ --gds-ref-pallet-base500: hsl(0, 0%, 68%); --sg-table-sort-icon-color-active: #fff; @include table.add-table(); + width: 100%; border-bottom: none; @@ -39,6 +40,8 @@ background-color: rgba(0, 0, 0, 0); border: 0; font-family: inherit; + font-size: inherit; + font-weight: inherit; padding: 0; cursor: pointer; } diff --git a/libs/angular/src/v-angular/table/table.mock.ts b/libs/angular/src/v-angular/table/table.mock.ts index 20eb399ec5..ed9673112f 100644 --- a/libs/angular/src/v-angular/table/table.mock.ts +++ b/libs/angular/src/v-angular/table/table.mock.ts @@ -27,7 +27,7 @@ export const columns: { { property: 'currency', label: 'header.currency', - sortable: true, + sortable: false, ariaLabelSortable: 'Activate to sort Currency column in {{sortOrder}} order', }, @@ -35,7 +35,7 @@ export const columns: { property: 'bookedBalance', label: 'header.bookedbalance', valueType: 'numeric', - sortable: true, + sortable: false, }, { property: 'datedBalance',