Demo DataGrid - Update years in Orders data#33401
Merged
markallenramirez merged 12 commits intoDevExpress:26_1from Apr 27, 2026
Merged
Demo DataGrid - Update years in Orders data#33401markallenramirez merged 12 commits intoDevExpress:26_1from
markallenramirez merged 12 commits intoDevExpress:26_1from
Conversation
Contributor
There was a problem hiding this comment.
Pull request overview
This PR refreshes the sample “Orders” datasets used across multiple DataGrid and Resizable demos by updating OrderDate values from the 2013/2014 timeframe to 2023/2024, keeping the demo data more current.
Changes:
- Updated
OrderDateyear values in Resizable demo Orders datasets (jQuery/Vue/React/ReactJs). - Updated
OrderDateyear values in several DataGrid demo Orders datasets (Toolbar, RecalculateWhileEditing, GroupSummaries, GridSummaries, CustomSummaries, ColumnsHidingPriority, GridAdaptabilityOverview). - Adjusted the “previous year” boundary entry (e.g.,
2013-12-31→2023-12-31) in demos that include it.
Reviewed changes
Copilot reviewed 45 out of 45 changed files in this pull request and generated 5 comments.
Show a summary per file
| File | Description |
|---|---|
| apps/demos/Demos/Resizable/Overview/jQuery/data.js | Update Orders sample OrderDate years for Resizable demo |
| apps/demos/Demos/Resizable/Overview/Vue/data.ts | Update Orders sample OrderDate years for Resizable demo |
| apps/demos/Demos/Resizable/Overview/ReactJs/data.js | Update Orders sample OrderDate years for Resizable demo |
| apps/demos/Demos/Resizable/Overview/React/data.ts | Update Orders sample OrderDate years for Resizable demo |
| apps/demos/Demos/DataGrid/Toolbar/jQuery/data.js | Update Orders sample OrderDate years for Toolbar demo |
| apps/demos/Demos/DataGrid/Toolbar/Vue/data.ts | Update Orders sample OrderDate years for Toolbar demo |
| apps/demos/Demos/DataGrid/Toolbar/ReactJs/data.js | Update Orders sample OrderDate years for Toolbar demo |
| apps/demos/Demos/DataGrid/Toolbar/React/data.ts | Update Orders sample OrderDate years for Toolbar demo |
| apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.service.ts | Update Orders sample OrderDate years for Toolbar demo |
| apps/demos/Demos/DataGrid/RecalculateWhileEditing/jQuery/data.js | Update Orders sample OrderDate years for RecalculateWhileEditing demo |
| apps/demos/Demos/DataGrid/RecalculateWhileEditing/ReactJs/data.js | Update Orders sample OrderDate years for RecalculateWhileEditing demo |
| apps/demos/Demos/DataGrid/RecalculateWhileEditing/React/data.ts | Update Orders sample OrderDate years for RecalculateWhileEditing demo |
| apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/app/app.service.ts | Update Orders sample OrderDate years for RecalculateWhileEditing demo |
| apps/demos/Demos/DataGrid/GroupSummaries/jQuery/data.js | Update Orders sample OrderDate years for GroupSummaries demo |
| apps/demos/Demos/DataGrid/GroupSummaries/ReactJs/data.js | Update Orders sample OrderDate years for GroupSummaries demo |
| apps/demos/Demos/DataGrid/GroupSummaries/React/data.ts | Update Orders sample OrderDate years for GroupSummaries demo |
| apps/demos/Demos/DataGrid/GroupSummaries/Angular/app/app.service.ts | Update Orders sample OrderDate years for GroupSummaries demo |
| apps/demos/Demos/DataGrid/GridSummaries/jQuery/data.js | Update Orders sample OrderDate years for GridSummaries demo |
| apps/demos/Demos/DataGrid/GridSummaries/Vue/data.ts | Update Orders sample OrderDate years for GridSummaries demo |
| apps/demos/Demos/DataGrid/GridSummaries/ReactJs/data.js | Update Orders sample OrderDate years for GridSummaries demo |
| apps/demos/Demos/DataGrid/GridSummaries/React/data.ts | Update Orders sample OrderDate years for GridSummaries demo |
| apps/demos/Demos/DataGrid/GridSummaries/Angular/app/app.service.ts | Update Orders sample OrderDate years for GridSummaries demo |
| apps/demos/Demos/DataGrid/GridAdaptabilityOverview/jQuery/data.js | Update Orders sample OrderDate years for Adaptability overview demo |
| apps/demos/Demos/DataGrid/CustomSummaries/jQuery/data.js | Update Orders sample OrderDate years for CustomSummaries demo |
| apps/demos/Demos/DataGrid/CustomSummaries/Vue/data.ts | Update Orders sample OrderDate years for CustomSummaries demo |
| apps/demos/Demos/DataGrid/CustomSummaries/ReactJs/data.js | Update Orders sample OrderDate years for CustomSummaries demo |
| apps/demos/Demos/DataGrid/CustomSummaries/React/data.ts | Update Orders sample OrderDate years for CustomSummaries demo |
| apps/demos/Demos/DataGrid/CustomSummaries/Angular/app/app.service.ts | Update Orders sample OrderDate years for CustomSummaries demo |
| apps/demos/Demos/DataGrid/ColumnsHidingPriority/jQuery/data.js | Update Orders sample OrderDate years for ColumnsHidingPriority demo |
Comment on lines
113
to
117
| ID: 30, | ||
| OrderNumber: 57429, | ||
| OrderDate: '2014/05/16', | ||
| OrderDate: '2023/12/31', | ||
| SaleAmount: 11050, | ||
| Terms: '30 Days', |
Contributor
Author
There was a problem hiding this comment.
This change is intended for correction. The Adaptability and Resizable demos have this 2014/05/16 data while the rest use 2013/12/31.
Contributor
|
Resizable demo visual test hasn't failed, despite its etalon has dates on it: https://github.com/DevExpress/DevExtreme/blob/e722f9489198f8f193cfcfdcfdd47393061d8667/apps/demos/testing/etalons/Resizable-Overview%20%28fluent.blue.light%29.png I suspect this test passes due to some color tolerance, but stale screenshot can make this test flaky. Please update this etalon (material theme etalon too) |
Contributor
There was a problem hiding this comment.
Pull request overview
This PR updates the hardcoded Orders demo datasets used across several DataGrid/Resizable demos to use more recent years (primarily 2024, with one intentional 2023-12-31 correction), keeping demo content current and aligning shared datasets across frameworks.
Changes:
- Updated
OrderDatevalues in multiple demo data sources (jQuery/React/ReactJs/Vue/Angular) from 2013/2014 to 2023/2024. - Kept the known special-case correction for Order ID 30 as
2023-12-31/2023/12/31/new Date(2023, 11, 31)where applicable. - Updated Resizable demo visual etalons to match the new dataset output.
Reviewed changes
Copilot reviewed 45 out of 58 changed files in this pull request and generated no comments.
Show a summary per file
| File | Description |
|---|---|
| apps/demos/testing/etalons/Resizable-Overview (material.blue.light).png | Updated visual baseline for Resizable Overview after Orders date changes. |
| apps/demos/testing/etalons/Resizable-Overview (fluent.blue.light).png | Updated visual baseline for Resizable Overview after Orders date changes. |
| apps/demos/Demos/Resizable/Overview/jQuery/data.js | Bumped Orders OrderDate strings to 2024; includes the intended 2023-12-31 correction for ID 30. |
| apps/demos/Demos/Resizable/Overview/Vue/data.ts | Same Orders OrderDate year update for the Vue Resizable Overview dataset. |
| apps/demos/Demos/Resizable/Overview/ReactJs/data.js | Same Orders OrderDate year update for the ReactJs Resizable Overview dataset. |
| apps/demos/Demos/Resizable/Overview/React/data.ts | Same Orders OrderDate year update for the React Resizable Overview dataset. |
| apps/demos/Demos/DataGrid/Toolbar/jQuery/data.js | Updated Orders OrderDate Date objects to 2024 (and 2023-12-31 for ID 30). |
| apps/demos/Demos/DataGrid/Toolbar/Vue/data.ts | Updated Orders OrderDate Date objects to 2024 (and 2023-12-31 for ID 30) in Vue dataset. |
| apps/demos/Demos/DataGrid/Toolbar/ReactJs/data.js | Updated Orders OrderDate Date objects to 2024 (and 2023-12-31 for ID 30) in ReactJs dataset. |
| apps/demos/Demos/DataGrid/Toolbar/React/data.ts | Updated Orders OrderDate Date objects to 2024 (and 2023-12-31 for ID 30) in React dataset. |
| apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.service.ts | Updated Orders OrderDate Date objects to 2024 (and 2023-12-31 for ID 30) in Angular service dataset. |
| apps/demos/Demos/DataGrid/RecalculateWhileEditing/jQuery/data.js | Updated Orders OrderDate ISO-like strings to 2024 (and 2023-12-31 for ID 30). |
| apps/demos/Demos/DataGrid/RecalculateWhileEditing/ReactJs/data.js | Same Orders OrderDate year update for ReactJs dataset. |
| apps/demos/Demos/DataGrid/RecalculateWhileEditing/React/data.ts | Same Orders OrderDate year update for React dataset. |
| apps/demos/Demos/DataGrid/RecalculateWhileEditing/Angular/app/app.service.ts | Same Orders OrderDate year update for Angular service dataset. |
| apps/demos/Demos/DataGrid/GroupSummaries/jQuery/data.js | Updated Orders OrderDate strings to 2024 (and 2023-12-31 for ID 30). |
| apps/demos/Demos/DataGrid/GroupSummaries/ReactJs/data.js | Same Orders OrderDate year update for ReactJs dataset. |
| apps/demos/Demos/DataGrid/GroupSummaries/React/data.ts | Same Orders OrderDate year update for React dataset. |
| apps/demos/Demos/DataGrid/GroupSummaries/Angular/app/app.service.ts | Same Orders OrderDate year update for Angular service dataset. |
| apps/demos/Demos/DataGrid/GridSummaries/jQuery/data.js | Updated Orders OrderDate strings to 2024 (and 2023-12-31 for ID 30). |
| apps/demos/Demos/DataGrid/GridSummaries/Vue/data.ts | Same Orders OrderDate year update for Vue dataset. |
| apps/demos/Demos/DataGrid/GridSummaries/ReactJs/data.js | Same Orders OrderDate year update for ReactJs dataset. |
| apps/demos/Demos/DataGrid/GridSummaries/React/data.ts | Same Orders OrderDate year update for React dataset. |
| apps/demos/Demos/DataGrid/GridSummaries/Angular/app/app.service.ts | Same Orders OrderDate year update for Angular service dataset. |
| apps/demos/Demos/DataGrid/GridAdaptabilityOverview/jQuery/data.js | Updated Orders OrderDate strings to 2024; includes the intended 2023/12/31 correction for ID 30. |
| apps/demos/Demos/DataGrid/CustomSummaries/jQuery/data.js | Updated Orders OrderDate strings to 2024 (and 2023-12-31 for ID 30). |
| apps/demos/Demos/DataGrid/CustomSummaries/Vue/data.ts | Same Orders OrderDate year update for Vue dataset. |
| apps/demos/Demos/DataGrid/CustomSummaries/ReactJs/data.js | Same Orders OrderDate year update for ReactJs dataset. |
| apps/demos/Demos/DataGrid/CustomSummaries/React/data.ts | Same Orders OrderDate year update for React dataset. |
| apps/demos/Demos/DataGrid/CustomSummaries/Angular/app/app.service.ts | Same Orders OrderDate year update for Angular service dataset. |
| apps/demos/Demos/DataGrid/ColumnsHidingPriority/jQuery/data.js | Updated Orders OrderDate strings to 2024; includes the intended 2023/12/31 correction for ID 30. |
EugeniyKiyashko
approved these changes
Apr 27, 2026
Tucchhaa
approved these changes
Apr 27, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Demos that use the same Orders data:
Total Summaries
Group Summaries
Custom Summaries
Recalculate While Editing
State Persistence
Toolbar
Columns Hiding Priority
Adaptability
Resizable