Skip to content

optimize dos for SEO #1676

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Sep 23, 2025
Merged

optimize dos for SEO #1676

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
8cebc5e
optimize dos for SEO
tishko0 Sep 5, 2025
170188b
updated docs with component title
tishko0 Sep 5, 2025
6567fa4
Merge branch 'vnext' into ttonev/update-grids-SEO
ChronosSF Sep 18, 2025
80d43b9
Merge branch 'vnext' into ttonev/update-grids-SEO
tishko0 Sep 23, 2025
a6e933e
fix(docs): fixed a spacing error
tishko0 Sep 23, 2025
73b7a43
fix(grids): removed component title from product specific topics
tishko0 Sep 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 11 additions & 7 deletions doc/en/components/grids/data-grid.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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"]
Expand Down Expand Up @@ -38,8 +38,9 @@ namespace: Infragistics.Controls
<div class="sample-content">
<article class="sample-column">
<div class="tabbar-wrapper">
<p>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.</p>
<p>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. </p>
<p>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.</p>
Copy link

@aatanasov2 aatanasov2 Sep 23, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fix spacing on manipulating

Copy link
Contributor Author

@tishko0 tishko0 Sep 23, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fixed

Copy link

@aatanasov2 aatanasov2 Sep 23, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All looks good, thanks

<p>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.</p>
<p>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. </p>
</div>
</article>
<article class="sample-column">
Expand All @@ -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">
</div>
</div>
</article>
Expand Down Expand Up @@ -939,7 +940,9 @@ const POJO = [{
<!-- Angular, WebComponents, React -->
## 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} {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} {ComponentTitle} we want to change the grid to bind to remote data service, which is the common scenario in large-scale applications.

<!-- WebComponents -->
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:
Expand Down Expand Up @@ -1110,9 +1113,10 @@ and in the template of the component:
<!-- end: Angular, WebComponents, React -->
## 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} {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:

Take a look at the following data model:
```typescript
interface AminoAcid {
name: string;
Expand Down
9 changes: 3 additions & 6 deletions doc/en/components/grids/pivot-grid/overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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"]
Expand All @@ -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 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.
Expand Down
6 changes: 5 additions & 1 deletion doc/en/components/grids/tree-grid/overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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"]
Expand All @@ -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
Expand All @@ -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 {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 <!-- Blazor -->{PackageCommon} package.<!-- end: Blazor --><!-- WebComponents -->`{PackageGrids}` package.<!-- end: WebComponents --><!-- React -->`{PackageCommon}` and `{PackageGrids}` packages.<!-- end: React -->

<!-- Blazor -->
Expand Down