From 8cebc5e5082d85d29ad897c9376e47e99acebb1d Mon Sep 17 00:00:00 2001 From: tishko0 Date: Fri, 5 Sep 2025 14:55:26 +0300 Subject: [PATCH 1/4] optimize dos for SEO --- doc/en/components/grids/data-grid.md | 16 ++++++++++------ doc/en/components/grids/pivot-grid/overview.md | 2 +- doc/en/components/grids/tree-grid/overview.md | 4 ++++ 3 files changed, 15 insertions(+), 7 deletions(-) diff --git a/doc/en/components/grids/data-grid.md b/doc/en/components/grids/data-grid.md index 14c98aad4..6a29b6d67 100644 --- a/doc/en/components/grids/data-grid.md +++ b/doc/en/components/grids/data-grid.md @@ -38,8 +38,9 @@ namespace: Infragistics.Controls
-

The {ProductName} Data Table / Data Grid is a tabular {Platform} grid component that allows you to quickly bind and display your data with little coding or configuration. Features of the {Platform} data grid in our toolbox include filtering, sorting, templates, row selection, row grouping, row pinning and movable columns.

-

The {Platform} tables are optimized for live streaming data, with the ability to handle unlimited data set size in a number of rows or columns.

+

The {Platform} {ProductName} component is used for displaying large volumes of data. Modern and more complex grids ensure smooth UX and bring an array of features for manipu lating tabular data. There is an intuitive API, theming, branding, filtering, sorting, data selection, Excel-style filtering, and many more.

+

The {ProductName} Data Table / Data Grid is a tabular {Platform} grid component that allows you to quickly bind and display your data with little coding or configuration. Features of the {Platform} data grid in our toolbox include filtering, sorting, templates, row selection, row grouping, row pinning, movable columns, virtualization, Master-Detail, and much more.

+

The {Platform} tables are optimized for speed and performance, with the ability to handle millions of rows and columns, and real-time updates in an instant, making Ignite UI for React Data Grid the best {Platform} {ProductName} on the market.

@@ -50,7 +51,7 @@ namespace: Infragistics.Controls data-src="../../images/general/landing-grid-page.png" data-srcset="../../images/general/landing-grid-page.png 480w, ../../images/general/landing-grid-page.png 768w, ../../images/general/landing-grid-page.png 1100w" alt="{Platform} Data Grid" - title="{Platform} Data Grid"> + title="{Platform} Data Grid Component - Infragistics">
@@ -939,7 +940,9 @@ const POJO = [{ ## Grid Data Binding -Before going any further with the grid we want to change the grid to bind to remote data service, which is the common scenario in large-scale applications. +Our {Platform} {ProductName} provides unmatched data binding options and is optimized for real-time updates and smooth scrolling. With low-latency rendering, the grid ensures any UI change is displayed in an instant, including live streaming data, large datasets, and more. + +Before going any further with the {Platform} grid we want to change the grid to bind to remote data service, which is the common scenario in large-scale applications. You can do this by fetching the data from a given url receiving a JSON response and assigning it to the grid's `data` property that is used as the grid's data source: @@ -1110,9 +1113,10 @@ and in the template of the component: ## Complex Data Binding -The `Grid` supports binding to complex objects (including nesting deeper than one level) through a "path" of properties in the data record. +Complex Data Binding allows for seamless interaction with multi-level data, complex, real-world datasets, object-oriented data modules, etc. Using our {Platform} {Product Name} library and the {Platform} `Grid`, you can easily bind to complex objects (including data structures that nest deeper than one level). This happens through a path of properties in the data record. + +Take a look at the following data model: -Take a look at the following data model: ```typescript interface AminoAcid { name: string; diff --git a/doc/en/components/grids/pivot-grid/overview.md b/doc/en/components/grids/pivot-grid/overview.md index b6092304a..7c611ee91 100644 --- a/doc/en/components/grids/pivot-grid/overview.md +++ b/doc/en/components/grids/pivot-grid/overview.md @@ -13,7 +13,7 @@ namespace: Infragistics.Controls ## What is {Platform} Pivot Grid? -The {Platform} {PivotGridName} presents data in a pivot table and helps performing complex analysis on the supplied data set. This sophisticated Pivot Grid control is used for organizing, summarizing, and filtering large volumes of data which is later displayed in a cross-table format. Key features of an {Platform} Pivot Grid are row dimensions, column dimensions, aggregations, and filters. +The {Platform} {PivotGridName} presents data in a pivot table and helps users performing complex analysis on the supplied data set. This sophisticated Pivot Grid control is used for organizing, summarizing, and filtering large volumes of data which is later displayed in a cross-table format. Key features of an {Platform} Pivot Grid are row dimensions, column dimensions, aggregations, and filters. The `PivotGrid` gives the ability to users to configure and display their data in a multi-dimensional pivot table structure. The rows and columns represent distinct data groups, and the data cell values represent aggregations. This allows complex data analysis based on a simple flat data set. The `PivotGrid` is a feature-rich pivot table that provides easy configuration of the different dimensions and values as well as additional data operations on them like filtering and sorting. diff --git a/doc/en/components/grids/tree-grid/overview.md b/doc/en/components/grids/tree-grid/overview.md index abfdd1884..5be9f0513 100644 --- a/doc/en/components/grids/tree-grid/overview.md +++ b/doc/en/components/grids/tree-grid/overview.md @@ -8,6 +8,8 @@ namespace: Infragistics.Controls # {Platform} Tree Grid Overview and Configuration +The {Platform} Tree Grid is a UI component that combines the functionality of a data grid (table) with a tree view, allowing hierarchical data to be easily displayed in a tabular format. Unlike a regular grid, a tree grid enables rows to expand and collapse, revealing child rows nested under parent rows, making it useful for representing structured data such as file explorers, organizational charts, project tasks, or product categories. + {ProductName} Tree Grid is used to display and manipulate hierarchical or flat data with ease. Quickly bind your data with very little code or use a variety of events to customize different behaviors. This component provides a rich set of features like data selection, excel style filtering, sorting, paging, templating and column moving. Displaying of tabular data has never been easier and beautiful thanks to the Material Table-based UI Tree Grid. ## {Platform} Tree Grid Example @@ -23,6 +25,8 @@ In this example, you can see how users can manipulate hierarchical or flat data. ### Dependencies +Getting started with our {Platform} Grid library and the {Platform } Tree Grid in particular is the first step to building powerful, data-rich applications that display hierarchical information in a clear and interactive way. The React Tree Grid allows you to present parent-child data structures in a familiar tabular format, complete with features like row expansion, sorting, filtering, editing, and virtualization for high performance with large datasets. + To get started with the {Platform} tree grid, first you need to install the {PackageCommon} package.`{PackageGrids}` package.`{PackageCommon}` and `{PackageGrids}` packages. From 170188bfa7a974cbce458424c45cc3ea778294ac Mon Sep 17 00:00:00 2001 From: tishko0 Date: Fri, 5 Sep 2025 15:53:46 +0300 Subject: [PATCH 2/4] updated docs with component title --- doc/en/components/grids/data-grid.md | 12 ++++++------ doc/en/components/grids/pivot-grid/overview.md | 9 +++------ doc/en/components/grids/tree-grid/overview.md | 4 ++-- 3 files changed, 11 insertions(+), 14 deletions(-) diff --git a/doc/en/components/grids/data-grid.md b/doc/en/components/grids/data-grid.md index 6a29b6d67..b13f7be6c 100644 --- a/doc/en/components/grids/data-grid.md +++ b/doc/en/components/grids/data-grid.md @@ -1,5 +1,5 @@ --- -title: {Platform} Data Grid Component (Data Table) - Infragistics +title: {Platform} Data Grid Component - Infragistics _description: Create super-fast, responsive {Platform} Data Grids and tables with {ProductName}. Supports editing, filtering, data binding and many more. Try it now! _keywords: {Platform}, {ProductName}, Infragistics, Getting Started, Grid mentionedTypes: ["Infragistics.Controls.Grid", "Infragistics.Controls.ColumnPipeArgs"] @@ -38,9 +38,9 @@ namespace: Infragistics.Controls
-

The {Platform} {ProductName} component is used for displaying large volumes of data. Modern and more complex grids ensure smooth UX and bring an array of features for manipu lating tabular data. There is an intuitive API, theming, branding, filtering, sorting, data selection, Excel-style filtering, and many more.

+

The {Platform} {ComponentTitle} component is used for displaying large volumes of data. Modern and more complex grids ensure smooth UX and bring an array of features for manipu lating tabular data. There is an intuitive API, theming, branding, filtering, sorting, data selection, Excel-style filtering, and many more.

The {ProductName} Data Table / Data Grid is a tabular {Platform} grid component that allows you to quickly bind and display your data with little coding or configuration. Features of the {Platform} data grid in our toolbox include filtering, sorting, templates, row selection, row grouping, row pinning, movable columns, virtualization, Master-Detail, and much more.

-

The {Platform} tables are optimized for speed and performance, with the ability to handle millions of rows and columns, and real-time updates in an instant, making Ignite UI for React Data Grid the best {Platform} {ProductName} on the market.

+

The {Platform} tables are optimized for speed and performance, with the ability to handle millions of rows and columns, and real-time updates in an instant, making {ProductName} {ComponentTitle} the best {Platform} {ComponentTitle} on the market.

@@ -940,9 +940,9 @@ const POJO = [{ ## Grid Data Binding -Our {Platform} {ProductName} provides unmatched data binding options and is optimized for real-time updates and smooth scrolling. With low-latency rendering, the grid ensures any UI change is displayed in an instant, including live streaming data, large datasets, and more. +Our {Platform} {ComponentTitle} provides unmatched data binding options and is optimized for real-time updates and smooth scrolling. With low-latency rendering, the grid ensures any UI change is displayed in an instant, including live streaming data, large datasets, and more. -Before going any further with the {Platform} grid we want to change the grid to bind to remote data service, which is the common scenario in large-scale applications. +Before going any further with the {Platform} {ComponentTitle} we want to change the grid to bind to remote data service, which is the common scenario in large-scale applications. You can do this by fetching the data from a given url receiving a JSON response and assigning it to the grid's `data` property that is used as the grid's data source: @@ -1113,7 +1113,7 @@ and in the template of the component: ## Complex Data Binding -Complex Data Binding allows for seamless interaction with multi-level data, complex, real-world datasets, object-oriented data modules, etc. Using our {Platform} {Product Name} library and the {Platform} `Grid`, you can easily bind to complex objects (including data structures that nest deeper than one level). This happens through a path of properties in the data record. +Complex Data Binding allows for seamless interaction with multi-level data, complex, real-world datasets, object-oriented data modules, etc. Using our {Platform} {ComponentTitle}, you can easily bind to complex objects (including data structures that nest deeper than one level). This happens through a path of properties in the data record. Take a look at the following data model: diff --git a/doc/en/components/grids/pivot-grid/overview.md b/doc/en/components/grids/pivot-grid/overview.md index 7c611ee91..2b4a8cd40 100644 --- a/doc/en/components/grids/pivot-grid/overview.md +++ b/doc/en/components/grids/pivot-grid/overview.md @@ -1,5 +1,5 @@ --- -title: {Platform} Pivot Grid & Table – {ProductName} +title: {Platform} Pivot Grid Component - {ProductName} by Infragistics _description: Create fast, responsive {Platform} pivot grids and tables with {ProductName}. Perform complex analysis and apply data sorting, grouping, or filtering. _keywords: {Platform} pivot grid, {Platform} material pivot table, {ProductName}, Infragistics mentionedTypes: ["PivotGrid", "PivotDimension", "PivotValue"] @@ -8,12 +8,9 @@ namespace: Infragistics.Controls # {Platform} Pivot Grid Overview -{ProductName} Pivot Grids are used for summing up and representing voluminous multidimensional data in a cross-tabular format. The data summery can be easily and quickly sorted, grouped, or filtered. Such data can include sums, averages, and other statistics. End-users are enabled to modify the pivot table layout through drag-and-drop operations, according to their needs. +The {Platform} Pivot Grid is used for summing up and representing voluminous multidimensional data in a cross-tabular format. The data summery can be easily and quickly sorted, grouped, or filtered. Such data can include sums, averages, and other statistics. End-users are enabled to modify the pivot table layout through drag-and-drop operations, according to their needs. - -## What is {Platform} Pivot Grid? - -The {Platform} {PivotGridName} presents data in a pivot table and helps users performing complex analysis on the supplied data set. This sophisticated Pivot Grid control is used for organizing, summarizing, and filtering large volumes of data which is later displayed in a cross-table format. Key features of an {Platform} Pivot Grid are row dimensions, column dimensions, aggregations, and filters. +The {Platform} {ComponentTitle} presents data in a pivot table and helps users performing complex analysis on the supplied data set. This sophisticated Pivot Grid control is used for organizing, summarizing, and filtering large volumes of data which is later displayed in a cross-table format. Key features of an {Platform} Pivot Grid are row dimensions, column dimensions, aggregations, and filters. The `PivotGrid` gives the ability to users to configure and display their data in a multi-dimensional pivot table structure. The rows and columns represent distinct data groups, and the data cell values represent aggregations. This allows complex data analysis based on a simple flat data set. The `PivotGrid` is a feature-rich pivot table that provides easy configuration of the different dimensions and values as well as additional data operations on them like filtering and sorting. diff --git a/doc/en/components/grids/tree-grid/overview.md b/doc/en/components/grids/tree-grid/overview.md index 5be9f0513..f3b552a90 100644 --- a/doc/en/components/grids/tree-grid/overview.md +++ b/doc/en/components/grids/tree-grid/overview.md @@ -1,5 +1,5 @@ --- -title: {Platform} Tree Grid | Fastest {Platform} Tree Table | Infragistics +title: {Platform} Tree Grid Component - {ProductName} by Infragistics _description: The {ProductName} Tree Grid is used to display and manipulate hierarchical or flat data with ease. Quickly bind your data with very little coding. Try it for FREE _keywords: {Platform} tree grid, igniteui for {Platform}, infragistics mentionedTypes: ["GridBaseDirective", "TreeGrid", "Column"] @@ -25,7 +25,7 @@ In this example, you can see how users can manipulate hierarchical or flat data. ### Dependencies -Getting started with our {Platform} Grid library and the {Platform } Tree Grid in particular is the first step to building powerful, data-rich applications that display hierarchical information in a clear and interactive way. The React Tree Grid allows you to present parent-child data structures in a familiar tabular format, complete with features like row expansion, sorting, filtering, editing, and virtualization for high performance with large datasets. +Getting started with our {Platform} Grid library and the {Platform} Tree Grid in particular is the first step to building powerful, data-rich applications that display hierarchical information in a clear and interactive way. The {Platform} Tree Grid allows you to present parent-child data structures in a familiar tabular format, complete with features like row expansion, sorting, filtering, editing, and virtualization for high performance with large datasets. To get started with the {Platform} tree grid, first you need to install the {PackageCommon} package.`{PackageGrids}` package.`{PackageCommon}` and `{PackageGrids}` packages. From a6e933e0c9240551dfce2df555bfc3cc1b9709c1 Mon Sep 17 00:00:00 2001 From: tishko0 Date: Tue, 23 Sep 2025 11:30:18 +0300 Subject: [PATCH 3/4] fix(docs): fixed a spacing error --- doc/en/components/grids/data-grid.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doc/en/components/grids/data-grid.md b/doc/en/components/grids/data-grid.md index b13f7be6c..251d554f9 100644 --- a/doc/en/components/grids/data-grid.md +++ b/doc/en/components/grids/data-grid.md @@ -38,7 +38,7 @@ namespace: Infragistics.Controls
-

The {Platform} {ComponentTitle} component is used for displaying large volumes of data. Modern and more complex grids ensure smooth UX and bring an array of features for manipu lating tabular data. There is an intuitive API, theming, branding, filtering, sorting, data selection, Excel-style filtering, and many more.

+

The {Platform} {ComponentTitle} component is used for displaying large volumes of data. Modern and more complex grids ensure smooth UX and bring an array of features for manipulating tabular data. There is an intuitive API, theming, branding, filtering, sorting, data selection, Excel-style filtering, and many more.

The {ProductName} Data Table / Data Grid is a tabular {Platform} grid component that allows you to quickly bind and display your data with little coding or configuration. Features of the {Platform} data grid in our toolbox include filtering, sorting, templates, row selection, row grouping, row pinning, movable columns, virtualization, Master-Detail, and much more.

The {Platform} tables are optimized for speed and performance, with the ability to handle millions of rows and columns, and real-time updates in an instant, making {ProductName} {ComponentTitle} the best {Platform} {ComponentTitle} on the market.

From 73b7a4355963014b1de13d97496de746a815a689 Mon Sep 17 00:00:00 2001 From: tishko0 Date: Tue, 23 Sep 2025 17:22:03 +0300 Subject: [PATCH 4/4] fix(grids): removed component title from product specific topics --- doc/en/components/grids/data-grid.md | 10 +++++----- doc/en/components/grids/pivot-grid/overview.md | 2 +- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/doc/en/components/grids/data-grid.md b/doc/en/components/grids/data-grid.md index 251d554f9..dc964984a 100644 --- a/doc/en/components/grids/data-grid.md +++ b/doc/en/components/grids/data-grid.md @@ -38,9 +38,9 @@ namespace: Infragistics.Controls
-

The {Platform} {ComponentTitle} component is used for displaying large volumes of data. Modern and more complex grids ensure smooth UX and bring an array of features for manipulating tabular data. There is an intuitive API, theming, branding, filtering, sorting, data selection, Excel-style filtering, and many more.

+

The {Platform} Data Grid component is used for displaying large volumes of data. Modern and more complex grids ensure smooth UX and bring an array of features for manipulating tabular data. There is an intuitive API, theming, branding, filtering, sorting, data selection, Excel-style filtering, and many more.

The {ProductName} Data Table / Data Grid is a tabular {Platform} grid component that allows you to quickly bind and display your data with little coding or configuration. Features of the {Platform} data grid in our toolbox include filtering, sorting, templates, row selection, row grouping, row pinning, movable columns, virtualization, Master-Detail, and much more.

-

The {Platform} tables are optimized for speed and performance, with the ability to handle millions of rows and columns, and real-time updates in an instant, making {ProductName} {ComponentTitle} the best {Platform} {ComponentTitle} on the market.

+

The {Platform} tables are optimized for speed and performance, with the ability to handle millions of rows and columns, and real-time updates in an instant, making {ProductName} Data Grid the best {Platform} Data Grid on the market.

@@ -940,9 +940,9 @@ const POJO = [{ ## Grid Data Binding -Our {Platform} {ComponentTitle} provides unmatched data binding options and is optimized for real-time updates and smooth scrolling. With low-latency rendering, the grid ensures any UI change is displayed in an instant, including live streaming data, large datasets, and more. +Our {Platform} Data Grid provides unmatched data binding options and is optimized for real-time updates and smooth scrolling. With low-latency rendering, the grid ensures any UI change is displayed in an instant, including live streaming data, large datasets, and more. -Before going any further with the {Platform} {ComponentTitle} we want to change the grid to bind to remote data service, which is the common scenario in large-scale applications. +Before going any further with the {Platform} Data Grid we want to change the grid to bind to remote data service, which is the common scenario in large-scale applications. You can do this by fetching the data from a given url receiving a JSON response and assigning it to the grid's `data` property that is used as the grid's data source: @@ -1113,7 +1113,7 @@ and in the template of the component: ## Complex Data Binding -Complex Data Binding allows for seamless interaction with multi-level data, complex, real-world datasets, object-oriented data modules, etc. Using our {Platform} {ComponentTitle}, you can easily bind to complex objects (including data structures that nest deeper than one level). This happens through a path of properties in the data record. +Complex Data Binding allows for seamless interaction with multi-level data, complex, real-world datasets, object-oriented data modules, etc. Using our {Platform} Data Grid, you can easily bind to complex objects (including data structures that nest deeper than one level). This happens through a path of properties in the data record. Take a look at the following data model: diff --git a/doc/en/components/grids/pivot-grid/overview.md b/doc/en/components/grids/pivot-grid/overview.md index 2b4a8cd40..e47271773 100644 --- a/doc/en/components/grids/pivot-grid/overview.md +++ b/doc/en/components/grids/pivot-grid/overview.md @@ -10,7 +10,7 @@ namespace: Infragistics.Controls The {Platform} Pivot Grid is used for summing up and representing voluminous multidimensional data in a cross-tabular format. The data summery can be easily and quickly sorted, grouped, or filtered. Such data can include sums, averages, and other statistics. End-users are enabled to modify the pivot table layout through drag-and-drop operations, according to their needs. -The {Platform} {ComponentTitle} presents data in a pivot table and helps users performing complex analysis on the supplied data set. This sophisticated Pivot Grid control is used for organizing, summarizing, and filtering large volumes of data which is later displayed in a cross-table format. Key features of an {Platform} Pivot Grid are row dimensions, column dimensions, aggregations, and filters. +The {Platform} Pivot Grid presents data in a pivot table and helps users performing complex analysis on the supplied data set. This sophisticated Pivot Grid control is used for organizing, summarizing, and filtering large volumes of data which is later displayed in a cross-table format. Key features of an {Platform} Pivot Grid are row dimensions, column dimensions, aggregations, and filters. The `PivotGrid` gives the ability to users to configure and display their data in a multi-dimensional pivot table structure. The rows and columns represent distinct data groups, and the data cell values represent aggregations. This allows complex data analysis based on a simple flat data set. The `PivotGrid` is a feature-rich pivot table that provides easy configuration of the different dimensions and values as well as additional data operations on them like filtering and sorting.