DataGrid Overview Demo: Replace ODataSource with local data (#31732)

Author: markallenramirez

apps/demos/Demos/DataGrid/Overview/Angular/app/app.component.html

@@ -1,7 +1,7 @@
 <dx-data-grid
   id="gridContainer"
-  [dataSource]="dataSource"
-  [remoteOperations]="false"
+  [dataSource]="sales"
+  keyExpr="Id"
   [allowColumnReordering]="true"
   [rowAlternationEnabled]="true"
   [showBorders]="true"

apps/demos/Demos/DataGrid/Overview/Angular/app/app.component.ts

@@ -1,10 +1,9 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { DataSource } from 'devextreme-angular/common/data';
 import { DxBulletModule } from 'devextreme-angular';
 import { DxDataGridModule, DxDataGridTypes } from 'devextreme-angular/ui/data-grid';
-import { Service } from './app.service';
+import { Sale, Service } from './app.service';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
@@ -23,7 +22,7 @@ if (window && window.config?.packageConfigPaths) {
   providers: [Service],
 })
 export class AppComponent {
-  dataSource: DataSource;
+  sales: Sale[];
 
   collapsed = false;
 
@@ -37,7 +36,7 @@ export class AppComponent {
   customizeTooltip = ({ originalValue }: Record<string, string>) => ({ text: `${parseInt(originalValue)}%` });
 
   constructor(service: Service) {
-    this.dataSource = service.getDataSource();
+    this.sales = service.getSales();
   }
 }