diff --git a/apps/table-test/src/app/app.component.html b/apps/table-test/src/app/app.component.html
index 5a115e12..962969d1 100644
--- a/apps/table-test/src/app/app.component.html
+++ b/apps/table-test/src/app/app.component.html
@@ -52,6 +52,9 @@
Amount
+
+
+
diff --git a/apps/table-test/src/app/app.component.ts b/apps/table-test/src/app/app.component.ts
index 3cf8d276..2aa3097c 100644
--- a/apps/table-test/src/app/app.component.ts
+++ b/apps/table-test/src/app/app.component.ts
@@ -31,6 +31,7 @@ export class AppComponent {
id: 'id1',
hello: 'world',
amount: 37,
+ date: '12/02/2023',
},
{
name: 'Hyperdrive',
@@ -39,6 +40,7 @@ export class AppComponent {
id: 'SHD',
hello: 'world',
amount: 5000,
+ date: '12/02/2023',
},
{
name: 'Hyperdrive',
@@ -47,6 +49,7 @@ export class AppComponent {
id: 'SHD2',
hello: 'world',
amount: 5000,
+ date: '12/02/2023',
},
];
@@ -58,12 +61,13 @@ export class AppComponent {
id: 'id3',
hello: 'world',
amount: 0.5,
+ date: '12/02/2023',
},
];
public data = new BehaviorSubject(this.dataSet1);
- public readonly columns = ['firstName', 'name', 'button', 'amount', 'active'];
+ public readonly columns = ['firstName', 'name', 'date', 'button', 'amount', 'active'];
public showDetail = true;
diff --git a/libs/table/src/lib/directives/tree-grid/tree-grid.cell.directive.ts b/libs/table/src/lib/directives/tree-grid/tree-grid.cell.directive.ts
index 13b2a1ab..3af78c0d 100644
--- a/libs/table/src/lib/directives/tree-grid/tree-grid.cell.directive.ts
+++ b/libs/table/src/lib/directives/tree-grid/tree-grid.cell.directive.ts
@@ -158,7 +158,7 @@ export class NgxTreeGridCellDirective extends NgxHasFocusDirective {
element.focus();
// Iben: If the current active element is the same as the element we focussed, on, we break
- if (this.elementRef.nativeElement !== document?.activeElement) {
+ if (element === document?.activeElement) {
result = element;
this.hasFocus = true;