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',