diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index f3ca551a7..22d8fef7e 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -9,9 +9,10 @@ export const routes: Routes = [
},
// Basic
{
- path: '10k-rows',
- data: { title: '10k Rows', sourcePath: 'basic/10k-rows.component.ts' },
- loadComponent: () => import('./basic/10k-rows.component').then(c => c.TenKRowsComponent)
+ path: 'large-data-set',
+ data: { title: 'Large Data Set', sourcePath: 'basic/large-data-set.component.ts' },
+ loadComponent: () =>
+ import('./basic/large-data-set.component').then(c => c.LargeDataSetComponent)
},
{
path: 'full-screen',
diff --git a/src/app/app.component.html b/src/app/app.component.html
index d84d011d2..eba65a67a 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -21,7 +21,7 @@
Documentation
Basic
-
- 10k Rows
+ Large Data Set
-
Full Screen
diff --git a/src/app/basic/10k-rows.component.ts b/src/app/basic/large-data-set.component.ts
similarity index 97%
rename from src/app/basic/10k-rows.component.ts
rename to src/app/basic/large-data-set.component.ts
index 0d3ef5e27..5434d2259 100644
--- a/src/app/basic/10k-rows.component.ts
+++ b/src/app/basic/large-data-set.component.ts
@@ -11,7 +11,7 @@ import { FullEmployee } from '../data.model';
import { DataService } from '../data.service';
@Component({
- selector: 'ten-k-rows-demo',
+ selector: 'large-data-set-demo',
imports: [
DatatableComponent,
DataTableColumnDirective,
@@ -62,7 +62,7 @@ import { DataService } from '../data.service';
`
})
-export class TenKRowsComponent {
+export class LargeDataSetComponent {
private dataService = inject(DataService);
readonly rows = signal<(FullEmployee & { height: number })[]>([]);
readonly scrollTarget = signal(0);