Blazor Grid Column Resizing Overview

The Ignite UI for Blazor Column Resizing feature in Blazor Grid allows users to easily adjust the width of the columns of the IgbGrid. By default, they will see a temporary resize indicator while the drag resizing operation is in effect. There are several resizing options available - Resizing Columns in Pixels/Percentages, Restrict Column Resizing, Auto-Size Columns on Double Click, and Auto-Size Columns on Initialization.

Blazor Grid Column Resizing Example

EXAMPLE

MODULES

DATA

RAZOR

JS

CSS

using System;
using System.Net.Http;
using System.Collections.Generic;
using System.Threading.Tasks;
using System.Text;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Logging;
using IgniteUI.Blazor.Controls; // for registering Ignite UI modules

namespace Infragistics.Samples
{
    public class Program
    {
        public static async Task Main(string[] args)
        {
            var builder = WebAssemblyHostBuilder.CreateDefault(args);
            builder.RootComponents.Add<App>("app");
            builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
            // registering Ignite UI modules
            builder.Services.AddIgniteUIBlazor(
                typeof(IgbGridModule)
            );
            await builder.Build().RunAsync();
        }
    }
}csCOPY CODE

using System;
using System.Collections.Generic;
public class CustomersDataItem
{
    public string ID { get; set; }
    public string Company { get; set; }
    public string ContactName { get; set; }
    public string ContactTitle { get; set; }
    public string Address { get; set; }
    public string City { get; set; }
    public string Region { get; set; }
    public double PostalCode { get; set; }
    public string Country { get; set; }
    public string Phone { get; set; }
    public string Fax { get; set; }
}

public class CustomersData
    : List<CustomersDataItem>
{
    public CustomersData()
    {
        this.Add(new CustomersDataItem() { ID = @"ALFKI", Company = @"Alfreds Futterkiste", ContactName = @"Maria Anders", ContactTitle = @"Sales Representative", Address = @"Obere Str. 57", City = @"Berlin", Region = @"East", PostalCode = 12209, Country = @"Germany", Phone = @"030-0074321", Fax = @"030-0076545" });
        this.Add(new CustomersDataItem() { ID = @"ANATR", Company = @"Ana Trujillo Emparedados y helados", ContactName = @"Ana Trujillo", ContactTitle = @"Owner", Address = @"Avda. de la Constitución 2222", City = @"México D.F.", Region = @"South", PostalCode = 5021, Country = @"Mexico", Phone = @"(5) 555-4729", Fax = @"(5) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"ANTON", Company = @"Antonio Moreno Taquería", ContactName = @"Antonio Moreno", ContactTitle = @"Owner", Address = @"Mataderos 2312", City = @"México D.F.", Region = @"South", PostalCode = 5023, Country = @"Mexico", Phone = @"(5) 555-3932", Fax = @"(5) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"AROUT", Company = @"Around the Horn", ContactName = @"Thomas Hardy", ContactTitle = @"Sales Representative", Address = @"120 Hanover Sq.", City = @"London", Region = @"East", PostalCode = 22000, Country = @"UK", Phone = @"(171) 555-7788", Fax = @"(171) 555-6750" });
        this.Add(new CustomersDataItem() { ID = @"BERGS", Company = @"Berglunds snabbköp", ContactName = @"Christina Berglund", ContactTitle = @"Order Administrator", Address = @"Berguvsvägen 8", City = @"Luleå", Region = @"South", PostalCode = 17000, Country = @"Sweden", Phone = @"0921-12 34 65", Fax = @"0921-12 34 67" });
        this.Add(new CustomersDataItem() { ID = @"BLAUS", Company = @"Blauer See Delikatessen", ContactName = @"Hanna Moos", ContactTitle = @"Sales Representative", Address = @"Forsterstr. 57", City = @"Mannheim", Region = @"East", PostalCode = 68306, Country = @"Germany", Phone = @"0621-08460", Fax = @"0621-08924" });
        this.Add(new CustomersDataItem() { ID = @"BLONP", Company = @"Blondesddsl père et fils", ContactName = @"Frédérique Citeaux", ContactTitle = @"Marketing Manager", Address = @"24, place Kléber", City = @"Strasbourg", Region = @"East", PostalCode = 67000, Country = @"France", Phone = @"88.60.15.31", Fax = @"88.60.15.32" });
        this.Add(new CustomersDataItem() { ID = @"BOLID", Company = @"Bólido Comidas preparadas", ContactName = @"Martín Sommer", ContactTitle = @"Owner", Address = @"C/ Araquil, 67", City = @"Madrid", Region = @"East", PostalCode = 28023, Country = @"Spain", Phone = @"(91) 555 22 82", Fax = @"(91) 555 91 99" });
        this.Add(new CustomersDataItem() { ID = @"BONAP", Company = @"Bon app'", ContactName = @"Laurence Lebihan", ContactTitle = @"Owner", Address = @"12, rue des Bouchers", City = @"Marseille", Region = @"West", PostalCode = 13008, Country = @"France", Phone = @"91.24.45.40", Fax = @"91.24.45.41" });
        this.Add(new CustomersDataItem() { ID = @"BOTTM", Company = @"Bottom-Dollar Markets", ContactName = @"Elizabeth Lincoln", ContactTitle = @"Accounting Manager", Address = @"23 Tsawassen Blvd.", City = @"Tsawassen", Region = @"BC", PostalCode = 28000, Country = @"Canada", Phone = @"(604) 555-4729", Fax = @"(604) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"BSBEV", Company = @"B's Beverages", ContactName = @"Victoria Ashworth", ContactTitle = @"Sales Representative", Address = @"Fauntleroy Circus", City = @"London", Region = @"South", PostalCode = 10000, Country = @"UK", Phone = @"(171) 555-1212", Fax = @"(5) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"CACTU", Company = @"Cactus Comidas para llevar", ContactName = @"Patricio Simpson", ContactTitle = @"Sales Agent", Address = @"Cerrito 333", City = @"Buenos Aires", Region = @"East", PostalCode = 1010, Country = @"Argentina", Phone = @"(1) 135-5555", Fax = @"(1) 135-4892" });
        this.Add(new CustomersDataItem() { ID = @"CENTC", Company = @"Centro comercial Moctezuma", ContactName = @"Francisco Chang", ContactTitle = @"Marketing Manager", Address = @"Sierras de Granada 9993", City = @"México D.F.", Region = @"South", PostalCode = 5022, Country = @"Mexico", Phone = @"(5) 555-3392", Fax = @"(5) 555-7293" });
        this.Add(new CustomersDataItem() { ID = @"CHOPS", Company = @"Chop-suey Chinese", ContactName = @"Yang Wang", ContactTitle = @"Owner", Address = @"Hauptstr. 29", City = @"Bern", Region = @"East", PostalCode = 3012, Country = @"Switzerland", Phone = @"0452-076545", Fax = @"(5) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"COMMI", Company = @"Comércio Mineiro", ContactName = @"Pedro Afonso", ContactTitle = @"Sales Associate", Address = @"Av. dos Lusíadas, 23", City = @"Sao Paulo", Region = @"SP", PostalCode = 34000, Country = @"Brazil", Phone = @"(11) 555-7647", Fax = @"(5) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"CONSH", Company = @"Consolidated Holdings", ContactName = @"Elizabeth Brown", ContactTitle = @"Sales Representative", Address = @"Berkeley Gardens 12 Brewery", City = @"London", Region = @"South", PostalCode = 27000, Country = @"UK", Phone = @"(171) 555-2282", Fax = @"(171) 555-9199" });
        this.Add(new CustomersDataItem() { ID = @"DRACD", Company = @"Drachenblut Delikatessen", ContactName = @"Sven Ottlieb", ContactTitle = @"Order Administrator", Address = @"Walserweg 21", City = @"Aachen", Region = @"South", PostalCode = 52066, Country = @"Germany", Phone = @"0241-039123", Fax = @"0241-059428" });
        this.Add(new CustomersDataItem() { ID = @"DUMON", Company = @"Du monde entier", ContactName = @"Janine Labrune", ContactTitle = @"Owner", Address = @"67, rue des Cinquante Otages", City = @"Nantes", Region = @"East", PostalCode = 44000, Country = @"France", Phone = @"40.67.88.88", Fax = @"40.67.89.89" });
        this.Add(new CustomersDataItem() { ID = @"EASTC", Company = @"Eastern Connection", ContactName = @"Ann Devon", ContactTitle = @"Sales Agent", Address = @"35 King George", City = @"London", Region = @"East", PostalCode = 41000, Country = @"UK", Phone = @"(171) 555-0297", Fax = @"(171) 555-3373" });
        this.Add(new CustomersDataItem() { ID = @"ERNSH", Company = @"Ernst Handel", ContactName = @"Roland Mendel", ContactTitle = @"Sales Manager", Address = @"Kirchgasse 6", City = @"Graz", Region = @"South", PostalCode = 8010, Country = @"Austria", Phone = @"7675-3425", Fax = @"7675-3426" });
        this.Add(new CustomersDataItem() { ID = @"FAMIA", Company = @"Familia Arquibaldo", ContactName = @"Aria Cruz", ContactTitle = @"Marketing Assistant", Address = @"Rua Orós, 92", City = @"Sao Paulo", Region = @"SP", PostalCode = 27000, Country = @"Brazil", Phone = @"(11) 555-9857", Fax = @"(5) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"FISSA", Company = @"FISSA Fabrica Inter. Salchichas S.A.", ContactName = @"Diego Roel", ContactTitle = @"Accounting Manager", Address = @"C/ Moralzarzal, 86", City = @"Madrid", Region = @"East", PostalCode = 28034, Country = @"Spain", Phone = @"(91) 555 94 44", Fax = @"(91) 555 55 93" });
        this.Add(new CustomersDataItem() { ID = @"FOLIG", Company = @"Folies gourmandes", ContactName = @"Martine Rancé", ContactTitle = @"Assistant Sales Agent", Address = @"184, chaussée de Tournai", City = @"Lille", Region = @"South", PostalCode = 59000, Country = @"France", Phone = @"20.16.10.16", Fax = @"20.16.10.17" });
        this.Add(new CustomersDataItem() { ID = @"FOLKO", Company = @"Folk och fä HB", ContactName = @"Maria Larsson", ContactTitle = @"Owner", Address = @"Åkergatan 24", City = @"Bräcke", Region = @"East", PostalCode = 36000, Country = @"Sweden", Phone = @"0695-34 67 21", Fax = @"0695 33-4455" });
        this.Add(new CustomersDataItem() { ID = @"FRANK", Company = @"Frankenversand", ContactName = @"Peter Franken", ContactTitle = @"Marketing Manager", Address = @"Berliner Platz 43", City = @"München", Region = @"East", PostalCode = 80805, Country = @"Germany", Phone = @"089-0877310", Fax = @"089-0877451" });
        this.Add(new CustomersDataItem() { ID = @"FRANR", Company = @"France restauration", ContactName = @"Carine Schmitt", ContactTitle = @"Marketing Manager", Address = @"54, rue Royale", City = @"Nantes", Region = @"South", PostalCode = 44000, Country = @"France", Phone = @"40.32.21.21", Fax = @"40.32.21.20" });
        this.Add(new CustomersDataItem() { ID = @"FRANS", Company = @"Franchi S.p.A.", ContactName = @"Paolo Accorti", ContactTitle = @"Sales Representative", Address = @"Via Monte Bianco 34", City = @"Torino", Region = @"East", PostalCode = 10100, Country = @"Italy", Phone = @"011-4988260", Fax = @"011-4988261" });
    }
}csCOPY CODE

@using IgniteUI.Blazor.Controls

@inject IJSRuntime JS

<div class="container vertical ig-typography">
    <div class="container vertical fill">
        <IgbGrid
        AutoGenerate="false"
        Data="CustomersData"
        Id="grid"
        Name="grid"
        @ref="grid"
        ColumnResizedScript="WebGridColumnResized">
            <IgbColumn
            Field="ID"
            Header="ID">
            </IgbColumn>

            <IgbColumn
            Field="Company"
            Header="Company"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="ContactName"
            Header="Name"
            MinWidth="60px"
            MaxWidth="230px"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="ContactTitle"
            Header="Title"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="Address"
            Header="Address"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="City"
            Header="City">
            </IgbColumn>

            <IgbColumn
            Field="Region"
            Header="Region"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="PostalCode"
            Header="Postal Code"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="Country"
            Header="Country"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="Phone"
            Header="Phone"
            Resizable="true">
            </IgbColumn>

        </IgbGrid>

    </div>
</div>

@code {
    

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        var grid = this.grid;

    }

    private IgbGrid grid;

    private CustomersData _customersData = null;
    public CustomersData CustomersData
    {
        get
        {
            if (_customersData == null)
            {
                _customersData = new CustomersData();
            }
            return _customersData;
        }
    }

}razorCOPY CODE

igRegisterScript("WebGridColumnResized", (event) => {
    console.log("TODO WebGridColumnResized");
}, false);

jsCOPY CODE

/*
CSS styles are loaded from the shared CSS file located at:
https://static.infragistics.com/xplatform/css/samples/
*/
cssCOPY CODE

Column resizing is also enabled per-column level, meaning that the IgbGrid can have a mix of resizable and non-resizable columns. This is done via the Resizable input of the IgbColumn.

<IgbColumn Field="ID" Resizable=true Width="100px"></IgbColumn>
razor

You can subscribe to the ColumnResized event of the IgbGrid to implement some custom logic when a column is resized. Both, previous and new column widths, as well as the IgbColumn object, are exposed through the event arguments.

<IgbGrid Data=data AutoGenerate=false ColumnResized="onResize">
    <IgbColumn Field="ID" Resizable=true Width="100px"></IgbColumn>
    <IgbColumn Field="CompanyName" Resizable=true Width="100px"></IgbColumn>
</IgbGrid>

@code {
    private void onResize(IgbColumnResizeEventArgs args)
    {
        IgbColumnType col = args.Detail.Column;
        string pWidth = args.Detail.PrevWidth;
        string nWidth = args.Detail.NewWidth;
    }
}
razor

Resizing Columns in Pixels/Percentages

Depending on the user scenario, the column width may be defined in pixels, percentages or a mix of both. All these scenarios are supported by the Column Resizing feature. By default if a column does not have width set, it fits the available space with width set in pixels.

This means that the following configuration is possible:

<IgbGrid Data=data AutoGenerate=false ColumnResized="onResize">
    <IgbColumn Field="ID" Resizable=true Width="10%"></IgbColumn>
    <IgbColumn Field="CompanyName" Resizable=true Width="100px"></IgbColumn>
    <IgbColumn Field="ContactTitle" Resizable=true></IgbColumn>
</IgbGrid>
razor

There is a slight difference in the way resizing works for columns set in pixels and percentages.

Pixels

Resizing columns with width in pixels works by directly adding or subtracting the horizontal amount of the mouse movement from the size of the column.

Percentages

When resizing columns with width in percentages, the horizontal amount of the mouse movement in pixels translates roughly to its percentage amount relative to the grid width. The columns remain responsive and any future grid resizing will still reflect on the columns as well.

Restrict Column Resizing

You can also configure the minimum and maximum allowable column widths. This is done via the MinWidth and MaxWidth inputs of the IgbColumn. In this case the resize indicator drag operation is restricted to notify the user that the column cannot be resized outside the boundaries defined by MinWidth and MaxWidth.

<IgbColumn Field="ContactTitle" Resizable=true Width="100px" MinWidth="60px" MaxWidth="230px"></IgbColumn>
razor

Mixing the minimum and maximum column width value types (pixels or percentages) is allowed. If the values set for minimum and maximum are set to percentages, the respective column size will be limited to those exact sizes similar to pixels.

This means the following configurations are possible:

<IgbColumn Field="ContactTitle" Resizable=true Width="10%" MinWidth="60px" MaxWidth="230px"></IgbColumn>
razor

or

<IgbColumn Field="ID" Resizable=true Width="100px" MinWidth="5%" MaxWidth="15%"></IgbColumn>
razor

Auto-Size Columns on Double Click

Each column can be auto sized by double clicking the right side of the header - the column will be sized to the longest currently visible cell value, including the header itself. This behavior is enabled by default, no additional configuration is needed. However, the column will not be auto-sized in case MaxWidth is set on that column and the new width exceeds that MaxWidth value. In this case the column will be sized according to preset MaxWidth value.

You can also auto-size a column dynamically using the exposed Autosize method on IgbColumn.

@code {
    private IgbGrid gridRef;

    private void AutosizeColumn()
    {
        IgbColumn column = gridRef.Columns.Where((col) => { return col.Field == "ID"; }).FirstOrDefault();
        column.Autosize(false);
    }
}
razor

Auto-Size Columns on Initialization

Each column can be set to auto-size on initialization by setting Width to 'auto':

<IgbColumn Width="auto"></IgbColumn>
razor

When the column is first initialized in the view it resolves its width to the size of the longest visible cell or header. Note that cells that are outside of the visible rows are not included.

This approach is more performance optimized than auto-sizing post initialization and is recommended especially in cases where you need to auto-size a large number of columns.

EXAMPLE

MODULES

DATA

RAZOR

CSS

using System;
using System.Net.Http;
using System.Collections.Generic;
using System.Threading.Tasks;
using System.Text;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Logging;
using IgniteUI.Blazor.Controls; // for registering Ignite UI modules

namespace Infragistics.Samples
{
    public class Program
    {
        public static async Task Main(string[] args)
        {
            var builder = WebAssemblyHostBuilder.CreateDefault(args);
            builder.RootComponents.Add<App>("app");
            builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
            // registering Ignite UI modules
            builder.Services.AddIgniteUIBlazor(
                typeof(IgbGridModule)
            );
            await builder.Build().RunAsync();
        }
    }
}csCOPY CODE

using System;
using System.Collections.Generic;
public class CustomersDataItem
{
    public string ID { get; set; }
    public string Company { get; set; }
    public string ContactName { get; set; }
    public string ContactTitle { get; set; }
    public string Address { get; set; }
    public string City { get; set; }
    public string Region { get; set; }
    public double PostalCode { get; set; }
    public string Country { get; set; }
    public string Phone { get; set; }
    public string Fax { get; set; }
}

public class CustomersData
    : List<CustomersDataItem>
{
    public CustomersData()
    {
        this.Add(new CustomersDataItem() { ID = @"ALFKI", Company = @"Alfreds Futterkiste", ContactName = @"Maria Anders", ContactTitle = @"Sales Representative", Address = @"Obere Str. 57", City = @"Berlin", Region = @"East", PostalCode = 12209, Country = @"Germany", Phone = @"030-0074321", Fax = @"030-0076545" });
        this.Add(new CustomersDataItem() { ID = @"ANATR", Company = @"Ana Trujillo Emparedados y helados", ContactName = @"Ana Trujillo", ContactTitle = @"Owner", Address = @"Avda. de la Constitución 2222", City = @"México D.F.", Region = @"South", PostalCode = 5021, Country = @"Mexico", Phone = @"(5) 555-4729", Fax = @"(5) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"ANTON", Company = @"Antonio Moreno Taquería", ContactName = @"Antonio Moreno", ContactTitle = @"Owner", Address = @"Mataderos 2312", City = @"México D.F.", Region = @"South", PostalCode = 5023, Country = @"Mexico", Phone = @"(5) 555-3932", Fax = @"(5) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"AROUT", Company = @"Around the Horn", ContactName = @"Thomas Hardy", ContactTitle = @"Sales Representative", Address = @"120 Hanover Sq.", City = @"London", Region = @"East", PostalCode = 22000, Country = @"UK", Phone = @"(171) 555-7788", Fax = @"(171) 555-6750" });
        this.Add(new CustomersDataItem() { ID = @"BERGS", Company = @"Berglunds snabbköp", ContactName = @"Christina Berglund", ContactTitle = @"Order Administrator", Address = @"Berguvsvägen 8", City = @"Luleå", Region = @"South", PostalCode = 17000, Country = @"Sweden", Phone = @"0921-12 34 65", Fax = @"0921-12 34 67" });
        this.Add(new CustomersDataItem() { ID = @"BLAUS", Company = @"Blauer See Delikatessen", ContactName = @"Hanna Moos", ContactTitle = @"Sales Representative", Address = @"Forsterstr. 57", City = @"Mannheim", Region = @"East", PostalCode = 68306, Country = @"Germany", Phone = @"0621-08460", Fax = @"0621-08924" });
        this.Add(new CustomersDataItem() { ID = @"BLONP", Company = @"Blondesddsl père et fils", ContactName = @"Frédérique Citeaux", ContactTitle = @"Marketing Manager", Address = @"24, place Kléber", City = @"Strasbourg", Region = @"East", PostalCode = 67000, Country = @"France", Phone = @"88.60.15.31", Fax = @"88.60.15.32" });
        this.Add(new CustomersDataItem() { ID = @"BOLID", Company = @"Bólido Comidas preparadas", ContactName = @"Martín Sommer", ContactTitle = @"Owner", Address = @"C/ Araquil, 67", City = @"Madrid", Region = @"East", PostalCode = 28023, Country = @"Spain", Phone = @"(91) 555 22 82", Fax = @"(91) 555 91 99" });
        this.Add(new CustomersDataItem() { ID = @"BONAP", Company = @"Bon app'", ContactName = @"Laurence Lebihan", ContactTitle = @"Owner", Address = @"12, rue des Bouchers", City = @"Marseille", Region = @"West", PostalCode = 13008, Country = @"France", Phone = @"91.24.45.40", Fax = @"91.24.45.41" });
        this.Add(new CustomersDataItem() { ID = @"BOTTM", Company = @"Bottom-Dollar Markets", ContactName = @"Elizabeth Lincoln", ContactTitle = @"Accounting Manager", Address = @"23 Tsawassen Blvd.", City = @"Tsawassen", Region = @"BC", PostalCode = 28000, Country = @"Canada", Phone = @"(604) 555-4729", Fax = @"(604) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"BSBEV", Company = @"B's Beverages", ContactName = @"Victoria Ashworth", ContactTitle = @"Sales Representative", Address = @"Fauntleroy Circus", City = @"London", Region = @"South", PostalCode = 10000, Country = @"UK", Phone = @"(171) 555-1212", Fax = @"(5) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"CACTU", Company = @"Cactus Comidas para llevar", ContactName = @"Patricio Simpson", ContactTitle = @"Sales Agent", Address = @"Cerrito 333", City = @"Buenos Aires", Region = @"East", PostalCode = 1010, Country = @"Argentina", Phone = @"(1) 135-5555", Fax = @"(1) 135-4892" });
        this.Add(new CustomersDataItem() { ID = @"CENTC", Company = @"Centro comercial Moctezuma", ContactName = @"Francisco Chang", ContactTitle = @"Marketing Manager", Address = @"Sierras de Granada 9993", City = @"México D.F.", Region = @"South", PostalCode = 5022, Country = @"Mexico", Phone = @"(5) 555-3392", Fax = @"(5) 555-7293" });
        this.Add(new CustomersDataItem() { ID = @"CHOPS", Company = @"Chop-suey Chinese", ContactName = @"Yang Wang", ContactTitle = @"Owner", Address = @"Hauptstr. 29", City = @"Bern", Region = @"East", PostalCode = 3012, Country = @"Switzerland", Phone = @"0452-076545", Fax = @"(5) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"COMMI", Company = @"Comércio Mineiro", ContactName = @"Pedro Afonso", ContactTitle = @"Sales Associate", Address = @"Av. dos Lusíadas, 23", City = @"Sao Paulo", Region = @"SP", PostalCode = 34000, Country = @"Brazil", Phone = @"(11) 555-7647", Fax = @"(5) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"CONSH", Company = @"Consolidated Holdings", ContactName = @"Elizabeth Brown", ContactTitle = @"Sales Representative", Address = @"Berkeley Gardens 12 Brewery", City = @"London", Region = @"South", PostalCode = 27000, Country = @"UK", Phone = @"(171) 555-2282", Fax = @"(171) 555-9199" });
        this.Add(new CustomersDataItem() { ID = @"DRACD", Company = @"Drachenblut Delikatessen", ContactName = @"Sven Ottlieb", ContactTitle = @"Order Administrator", Address = @"Walserweg 21", City = @"Aachen", Region = @"South", PostalCode = 52066, Country = @"Germany", Phone = @"0241-039123", Fax = @"0241-059428" });
        this.Add(new CustomersDataItem() { ID = @"DUMON", Company = @"Du monde entier", ContactName = @"Janine Labrune", ContactTitle = @"Owner", Address = @"67, rue des Cinquante Otages", City = @"Nantes", Region = @"East", PostalCode = 44000, Country = @"France", Phone = @"40.67.88.88", Fax = @"40.67.89.89" });
        this.Add(new CustomersDataItem() { ID = @"EASTC", Company = @"Eastern Connection", ContactName = @"Ann Devon", ContactTitle = @"Sales Agent", Address = @"35 King George", City = @"London", Region = @"East", PostalCode = 41000, Country = @"UK", Phone = @"(171) 555-0297", Fax = @"(171) 555-3373" });
        this.Add(new CustomersDataItem() { ID = @"ERNSH", Company = @"Ernst Handel", ContactName = @"Roland Mendel", ContactTitle = @"Sales Manager", Address = @"Kirchgasse 6", City = @"Graz", Region = @"South", PostalCode = 8010, Country = @"Austria", Phone = @"7675-3425", Fax = @"7675-3426" });
        this.Add(new CustomersDataItem() { ID = @"FAMIA", Company = @"Familia Arquibaldo", ContactName = @"Aria Cruz", ContactTitle = @"Marketing Assistant", Address = @"Rua Orós, 92", City = @"Sao Paulo", Region = @"SP", PostalCode = 27000, Country = @"Brazil", Phone = @"(11) 555-9857", Fax = @"(5) 555-3745" });
        this.Add(new CustomersDataItem() { ID = @"FISSA", Company = @"FISSA Fabrica Inter. Salchichas S.A.", ContactName = @"Diego Roel", ContactTitle = @"Accounting Manager", Address = @"C/ Moralzarzal, 86", City = @"Madrid", Region = @"East", PostalCode = 28034, Country = @"Spain", Phone = @"(91) 555 94 44", Fax = @"(91) 555 55 93" });
        this.Add(new CustomersDataItem() { ID = @"FOLIG", Company = @"Folies gourmandes", ContactName = @"Martine Rancé", ContactTitle = @"Assistant Sales Agent", Address = @"184, chaussée de Tournai", City = @"Lille", Region = @"South", PostalCode = 59000, Country = @"France", Phone = @"20.16.10.16", Fax = @"20.16.10.17" });
        this.Add(new CustomersDataItem() { ID = @"FOLKO", Company = @"Folk och fä HB", ContactName = @"Maria Larsson", ContactTitle = @"Owner", Address = @"Åkergatan 24", City = @"Bräcke", Region = @"East", PostalCode = 36000, Country = @"Sweden", Phone = @"0695-34 67 21", Fax = @"0695 33-4455" });
        this.Add(new CustomersDataItem() { ID = @"FRANK", Company = @"Frankenversand", ContactName = @"Peter Franken", ContactTitle = @"Marketing Manager", Address = @"Berliner Platz 43", City = @"München", Region = @"East", PostalCode = 80805, Country = @"Germany", Phone = @"089-0877310", Fax = @"089-0877451" });
        this.Add(new CustomersDataItem() { ID = @"FRANR", Company = @"France restauration", ContactName = @"Carine Schmitt", ContactTitle = @"Marketing Manager", Address = @"54, rue Royale", City = @"Nantes", Region = @"South", PostalCode = 44000, Country = @"France", Phone = @"40.32.21.21", Fax = @"40.32.21.20" });
        this.Add(new CustomersDataItem() { ID = @"FRANS", Company = @"Franchi S.p.A.", ContactName = @"Paolo Accorti", ContactTitle = @"Sales Representative", Address = @"Via Monte Bianco 34", City = @"Torino", Region = @"East", PostalCode = 10100, Country = @"Italy", Phone = @"011-4988260", Fax = @"011-4988261" });
    }
}csCOPY CODE

@using IgniteUI.Blazor.Controls

<div class="container vertical ig-typography">
    <div class="container vertical fill">
        <IgbGrid
        AutoGenerate="false"
        Data="CustomersData"
        PrimaryKey="ProductID"
        Name="grid"
        @ref="grid">
            <IgbColumn
            Field="ID"
            Width="auto"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="Company"
            Header="Company Name"
            Width="auto"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="ContactName"
            Header="Name"
            Width="auto"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="ContactTitle"
            Header="Title"
            Width="auto"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="Address"
            Width="auto"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="City"
            Width="auto"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="Region"
            Width="auto"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="PostalCode"
            Header="Postal Code"
            Width="auto"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="Phone"
            Width="auto"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="Fax"
            Width="auto"
            Resizable="true">
            </IgbColumn>

        </IgbGrid>

    </div>
</div>

@code {
    

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        var grid = this.grid;

    }

    private IgbGrid grid;

    private CustomersData _customersData = null;
    public CustomersData CustomersData
    {
        get
        {
            if (_customersData == null)
            {
                _customersData = new CustomersData();
            }
            return _customersData;
        }
    }

}razorCOPY CODE

/*
CSS styles are loaded from the shared CSS file located at:
https://static.infragistics.com/xplatform/css/samples/
*/
cssCOPY CODE

Styling

In addition to the predefined themes, the grid could be further customized by setting some of the available CSS properties. In case you would like to change the color of the resize handle, you need to set a class for the grid first:

<IgbGrid class="grid"></IgbGrid>
razor

Then set the related CSS property for that class:

.grid {
    --ig-grid-resize-line-color: #f35b04;
}
css

Demo

EXAMPLE

MODULES

DATA

RAZOR

CSS

using System;
using System.Net.Http;
using System.Collections.Generic;
using System.Threading.Tasks;
using System.Text;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Logging;
using IgniteUI.Blazor.Controls; // for registering Ignite UI modules

namespace Infragistics.Samples
{
    public class Program
    {
        public static async Task Main(string[] args)
        {
            var builder = WebAssemblyHostBuilder.CreateDefault(args);
            builder.RootComponents.Add<App>("app");
            builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
            // registering Ignite UI modules
            builder.Services.AddIgniteUIBlazor(
                typeof(IgbInputModule),
                typeof(IgbGridModule)
            );
            await builder.Build().RunAsync();
        }
    }
}csCOPY CODE

using System;
using System.Collections.Generic;
public class AthletesDataItem
{
    public double Id { get; set; }
    public string Avatar { get; set; }
    public string Position { get; set; }
    public string Name { get; set; }
    public double AthleteNumber { get; set; }
    public double BeatsPerMinute { get; set; }
    public double TopSpeed { get; set; }
    public string Registered { get; set; }
    public double TrackProgress { get; set; }
    public string CountryFlag { get; set; }
    public string CountryName { get; set; }
}

public class AthletesData
    : List<AthletesDataItem>
{
    public AthletesData()
    {
        this.Add(new AthletesDataItem() { Id = 100, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/20.jpg", Position = @"current", Name = @"Alexis Walker", AthleteNumber = 43183, BeatsPerMinute = 103, TopSpeed = 5.8, Registered = @"2017-08-07T10:35:06-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/gh.png", CountryName = @"Ghana" });
        this.Add(new AthletesDataItem() { Id = 101, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/71.jpg", Position = @"down", Name = @"Lavínia Silva", AthleteNumber = 33994, BeatsPerMinute = 93, TopSpeed = 5.6, Registered = @"2017-03-22T08:55:46-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/no.png", CountryName = @"Norway" });
        this.Add(new AthletesDataItem() { Id = 105, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/5.jpg", Position = @"down", Name = @"Samu Hokkanen", AthleteNumber = 22469, BeatsPerMinute = 106, TopSpeed = 5.5, Registered = @"2017-06-29T04:58:27-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/az.png", CountryName = @"Azerbaijan" });
        this.Add(new AthletesDataItem() { Id = 107, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/92.jpg", Position = @"down", Name = @"Megan Webb", AthleteNumber = 30713, BeatsPerMinute = 93, TopSpeed = 5.6, Registered = @"2017-08-20T09:26:51-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/mt.png", CountryName = @"Malta" });
        this.Add(new AthletesDataItem() { Id = 107, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/33.jpg", Position = @"up", Name = @"Pedro Marquez", AthleteNumber = 16169, BeatsPerMinute = 97, TopSpeed = 5.4, Registered = @"2017-11-11T05:14:31-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/mw.png", CountryName = @"Malawi" });
        this.Add(new AthletesDataItem() { Id = 108, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/31.jpg", Position = @"up", Name = @"Noah Bergeron", AthleteNumber = 35139, BeatsPerMinute = 110, TopSpeed = 5.6, Registered = @"2017-06-23T01:21:21-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ci.png", CountryName = @"Cote DIvoire" });
        this.Add(new AthletesDataItem() { Id = 110, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/15.jpg", Position = @"current", Name = @"Annabell Brand", AthleteNumber = 39233, BeatsPerMinute = 93, TopSpeed = 5.7, Registered = @"2017-03-01T12:21:24-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/pg.png", CountryName = @"Papua New Guinea" });
        this.Add(new AthletesDataItem() { Id = 110, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/13.jpg", Position = @"current", Name = @"Özsu Keçeci", AthleteNumber = 29403, BeatsPerMinute = 106, TopSpeed = 4.2, Registered = @"2017-01-19T11:34:13-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/lv.png", CountryName = @"Latvia" });
        this.Add(new AthletesDataItem() { Id = 110, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/26.jpg", Position = @"down", Name = @"Emilie Morin", AthleteNumber = 26164, BeatsPerMinute = 98, TopSpeed = 4.9, Registered = @"2017-02-01T04:18:19-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/kg.png", CountryName = @"Kyrgyzstan" });
        this.Add(new AthletesDataItem() { Id = 111, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/23.jpg", Position = @"up", Name = @"Connor Green", AthleteNumber = 44716, BeatsPerMinute = 95, TopSpeed = 4.4, Registered = @"2017-06-30T11:23:25-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/bb.png", CountryName = @"Barbados" });
        this.Add(new AthletesDataItem() { Id = 112, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/53.jpg", Position = @"down", Name = @"Karen Shaw", AthleteNumber = 31048, BeatsPerMinute = 107, TopSpeed = 5.7, Registered = @"2017-05-15T09:25:03-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ec.png", CountryName = @"Ecuador" });
        this.Add(new AthletesDataItem() { Id = 113, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/36.jpg", Position = @"current", Name = @"Marialba Nascimento", AthleteNumber = 47061, BeatsPerMinute = 108, TopSpeed = 5.2, Registered = @"2017-09-19T05:47:21-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/tn.png", CountryName = @"Tunisia" });
        this.Add(new AthletesDataItem() { Id = 113, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/37.jpg", Position = @"current", Name = @"Nick Naumann", AthleteNumber = 25566, BeatsPerMinute = 109, TopSpeed = 5.9, Registered = @"2017-07-12T09:01:11-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/sz.png", CountryName = @"Swaziland" });
        this.Add(new AthletesDataItem() { Id = 116, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/1.jpg", Position = @"down", Name = @"Sevcan Kollen", AthleteNumber = 13728, BeatsPerMinute = 104, TopSpeed = 5.3, Registered = @"2017-09-08T08:29:08-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/gt.png", CountryName = @"Guatemala" });
        this.Add(new AthletesDataItem() { Id = 121, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/48.jpg", Position = @"current", Name = @"Väinö Salmi", AthleteNumber = 29839, BeatsPerMinute = 107, TopSpeed = 5.5, Registered = @"2017-10-21T05:57:02-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/gw.png", CountryName = @"Guinea-Bissau" });
        this.Add(new AthletesDataItem() { Id = 121, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/31.jpg", Position = @"down", Name = @"Ivan Ivanov", AthleteNumber = 11054, BeatsPerMinute = 108, TopSpeed = 5.7, Registered = @"2017-04-18T08:03:01-03:00", TrackProgress = 75, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/bg.png", CountryName = @"Bulgaria" });
        this.Add(new AthletesDataItem() { Id = 121, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/45.jpg", Position = @"current", Name = @"Maurice Lambert", AthleteNumber = 17443, BeatsPerMinute = 96, TopSpeed = 5.6, Registered = @"2017-06-05T08:19:32-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/bd.png", CountryName = @"Bangladesh" });
        this.Add(new AthletesDataItem() { Id = 122, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/71.jpg", Position = @"down", Name = @"Natalie Conrad", AthleteNumber = 42602, BeatsPerMinute = 108, TopSpeed = 6, Registered = @"2017-03-18T06:35:44-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/tt.png", CountryName = @"Trinidad and Tobago" });
        this.Add(new AthletesDataItem() { Id = 122, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/57.jpg", Position = @"down", Name = @"Jack Jean-baptiste", AthleteNumber = 40427, BeatsPerMinute = 110, TopSpeed = 4.3, Registered = @"2017-11-09T08:50:06-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/cm.png", CountryName = @"Cameroon" });
        this.Add(new AthletesDataItem() { Id = 123, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/19.jpg", Position = @"down", Name = @"Flora Perez", AthleteNumber = 23907, BeatsPerMinute = 102, TopSpeed = 5.8, Registered = @"2017-04-12T04:16:56-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/pl.png", CountryName = @"Poland" });
        this.Add(new AthletesDataItem() { Id = 123, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/12.jpg", Position = @"up", Name = @"آنیتا كامياران", AthleteNumber = 18980, BeatsPerMinute = 90, TopSpeed = 4.5, Registered = @"2017-07-21T06:42:59-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/lb.png", CountryName = @"Lebanon" });
        this.Add(new AthletesDataItem() { Id = 123, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/31.jpg", Position = @"current", Name = @"Eeli Makinen", AthleteNumber = 45296, BeatsPerMinute = 106, TopSpeed = 5.2, Registered = @"2017-01-06T09:58:02-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/fi.png", CountryName = @"Finland" });
        this.Add(new AthletesDataItem() { Id = 124, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/98.jpg", Position = @"down", Name = @"Mathieu Mathieu", AthleteNumber = 10555, BeatsPerMinute = 101, TopSpeed = 5.2, Registered = @"2017-01-05T07:28:11-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/uz.png", CountryName = @"Uzbekistan" });
        this.Add(new AthletesDataItem() { Id = 124, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/19.jpg", Position = @"current", Name = @"Marie Poulsen", AthleteNumber = 44113, BeatsPerMinute = 109, TopSpeed = 4.7, Registered = @"2017-04-15T10:25:21-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ma.png", CountryName = @"Morocco" });
        this.Add(new AthletesDataItem() { Id = 125, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/16.jpg", Position = @"current", Name = @"Altiva Alves", AthleteNumber = 31850, BeatsPerMinute = 106, TopSpeed = 5.1, Registered = @"2017-11-09T02:43:54-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/km.png", CountryName = @"Comoros" });
        this.Add(new AthletesDataItem() { Id = 127, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/52.jpg", Position = @"down", Name = @"Gerardo Soto", AthleteNumber = 22958, BeatsPerMinute = 90, TopSpeed = 5, Registered = @"2017-06-04T12:52:03-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/co.png", CountryName = @"Colombia" });
        this.Add(new AthletesDataItem() { Id = 128, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/52.jpg", Position = @"up", Name = @"Sophie Lewis", AthleteNumber = 46222, BeatsPerMinute = 106, TopSpeed = 4.4, Registered = @"2017-02-20T09:42:07-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/mc.png", CountryName = @"Monaco" });
        this.Add(new AthletesDataItem() { Id = 129, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/34.jpg", Position = @"up", Name = @"Ella Hansen", AthleteNumber = 27075, BeatsPerMinute = 101, TopSpeed = 5.1, Registered = @"2017-01-05T10:12:42-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/lk.png", CountryName = @"Sri Lanka" });
        this.Add(new AthletesDataItem() { Id = 130, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/94.jpg", Position = @"up", Name = @"Adem Özdoğan", AthleteNumber = 45143, BeatsPerMinute = 90, TopSpeed = 5.5, Registered = @"2017-02-16T07:11:52-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/tm.png", CountryName = @"Turkmenistan" });
        this.Add(new AthletesDataItem() { Id = 130, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/24.jpg", Position = @"down", Name = @"آوا احمدی", AthleteNumber = 44347, BeatsPerMinute = 110, TopSpeed = 4.1, Registered = @"2017-06-04T09:04:31-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/cn.png", CountryName = @"China" });
        this.Add(new AthletesDataItem() { Id = 131, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/61.jpg", Position = @"current", Name = @"Eliza Bishop", AthleteNumber = 31774, BeatsPerMinute = 96, TopSpeed = 4.7, Registered = @"2017-09-22T11:49:02-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/eh.png", CountryName = @"Western Sahara" });
        this.Add(new AthletesDataItem() { Id = 131, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/61.jpg", Position = @"down", Name = @"Veronika Huber", AthleteNumber = 18146, BeatsPerMinute = 103, TopSpeed = 5.2, Registered = @"2017-07-13T02:23:56-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/to.png", CountryName = @"Tonga" });
        this.Add(new AthletesDataItem() { Id = 134, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/66.jpg", Position = @"down", Name = @"Anni Waisanen", AthleteNumber = 32133, BeatsPerMinute = 99, TopSpeed = 5, Registered = @"2017-08-17T01:35:09-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/do.png", CountryName = @"Dominican Republic" });
        this.Add(new AthletesDataItem() { Id = 135, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/84.jpg", Position = @"down", Name = @"Darryl Douglas", AthleteNumber = 35826, BeatsPerMinute = 96, TopSpeed = 4.6, Registered = @"2017-07-20T11:45:52-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/tr.png", CountryName = @"Turkey" });
        this.Add(new AthletesDataItem() { Id = 136, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/10.jpg", Position = @"down", Name = @"Elaine Matthews", AthleteNumber = 38574, BeatsPerMinute = 110, TopSpeed = 5.5, Registered = @"2017-01-26T11:50:00-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/cv.png", CountryName = @"Cape Verde" });
        this.Add(new AthletesDataItem() { Id = 137, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/75.jpg", Position = @"up", Name = @"Gloria Caballero", AthleteNumber = 43379, BeatsPerMinute = 103, TopSpeed = 4.3, Registered = @"2017-08-10T08:27:45-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/il.png", CountryName = @"Israel" });
        this.Add(new AthletesDataItem() { Id = 137, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/80.jpg", Position = @"down", Name = @"Lance Dunn", AthleteNumber = 10113, BeatsPerMinute = 94, TopSpeed = 4.5, Registered = @"2017-03-13T10:51:36-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/cy.png", CountryName = @"Cyprus" });
        this.Add(new AthletesDataItem() { Id = 138, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/31.jpg", Position = @"down", Name = @"Antoine Mackay", AthleteNumber = 34547, BeatsPerMinute = 104, TopSpeed = 5, Registered = @"2017-08-22T09:11:37-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ls.png", CountryName = @"Lesotho" });
        this.Add(new AthletesDataItem() { Id = 138, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/78.jpg", Position = @"current", Name = @"Oscar Calvo", AthleteNumber = 45078, BeatsPerMinute = 109, TopSpeed = 4.3, Registered = @"2017-06-19T10:57:42-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/cu.png", CountryName = @"Cuba" });
        this.Add(new AthletesDataItem() { Id = 138, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/38.jpg", Position = @"current", Name = @"Derrick Price", AthleteNumber = 19792, BeatsPerMinute = 94, TopSpeed = 5.6, Registered = @"2017-03-19T01:10:55-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ar.png", CountryName = @"Argentina" });
        this.Add(new AthletesDataItem() { Id = 139, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/28.jpg", Position = @"current", Name = @"Annabell Barth", AthleteNumber = 41130, BeatsPerMinute = 103, TopSpeed = 5, Registered = @"2017-08-24T11:58:56-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ht.png", CountryName = @"Haiti" });
        this.Add(new AthletesDataItem() { Id = 141, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/15.jpg", Position = @"current", Name = @"Miro Korpela", AthleteNumber = 40544, BeatsPerMinute = 104, TopSpeed = 5.3, Registered = @"2017-01-10T07:12:44-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/nl.png", CountryName = @"Netherlands" });
        this.Add(new AthletesDataItem() { Id = 142, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/63.jpg", Position = @"current", Name = @"Nicoline Thomsen", AthleteNumber = 36778, BeatsPerMinute = 99, TopSpeed = 5.5, Registered = @"2017-03-26T10:04:29-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/bj.png", CountryName = @"Benin" });
        this.Add(new AthletesDataItem() { Id = 143, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/38.jpg", Position = @"up", Name = @"رضا کوتی", AthleteNumber = 13640, BeatsPerMinute = 103, TopSpeed = 4.2, Registered = @"2017-04-30T02:34:29-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/pk.png", CountryName = @"Pakistan" });
        this.Add(new AthletesDataItem() { Id = 144, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/57.jpg", Position = @"down", Name = @"Milja Leino", AthleteNumber = 33563, BeatsPerMinute = 110, TopSpeed = 4.1, Registered = @"2017-11-01T10:34:07-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/bf.png", CountryName = @"Burkina Faso" });
        this.Add(new AthletesDataItem() { Id = 147, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/8.jpg", Position = @"down", Name = @"میلاد یاسمی", AthleteNumber = 44023, BeatsPerMinute = 104, TopSpeed = 5.2, Registered = @"2017-06-10T04:11:01-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/tg.png", CountryName = @"Togo" });
        this.Add(new AthletesDataItem() { Id = 150, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/52.jpg", Position = @"up", Name = @"Gustav Petersen", AthleteNumber = 20984, BeatsPerMinute = 107, TopSpeed = 4.6, Registered = @"2017-01-01T07:40:19-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/bz.png", CountryName = @"Belize" });
        this.Add(new AthletesDataItem() { Id = 151, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/88.jpg", Position = @"current", Name = @"Charlotte Mills", AthleteNumber = 49829, BeatsPerMinute = 92, TopSpeed = 5.3, Registered = @"2017-05-10T04:33:10-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/mg.png", CountryName = @"Madagascar" });
        this.Add(new AthletesDataItem() { Id = 154, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/54.jpg", Position = @"down", Name = @"Rhonda Simmmons", AthleteNumber = 37139, BeatsPerMinute = 96, TopSpeed = 5.1, Registered = @"2017-07-03T05:39:45-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/nr.png", CountryName = @"Nauru" });
        this.Add(new AthletesDataItem() { Id = 155, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/82.jpg", Position = @"up", Name = @"Justin Philippe", AthleteNumber = 12858, BeatsPerMinute = 104, TopSpeed = 5.7, Registered = @"2017-03-16T02:00:35-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/mv.png", CountryName = @"Maldives" });
        this.Add(new AthletesDataItem() { Id = 159, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/66.jpg", Position = @"up", Name = @"Eva Dean", AthleteNumber = 48874, BeatsPerMinute = 103, TopSpeed = 5.7, Registered = @"2017-03-04T01:58:52-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/st.png", CountryName = @"Sao Tome and Principe" });
        this.Add(new AthletesDataItem() { Id = 161, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/89.jpg", Position = @"up", Name = @"Franklin Byrd", AthleteNumber = 49498, BeatsPerMinute = 106, TopSpeed = 5.3, Registered = @"2017-11-04T11:09:26-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/tw.png", CountryName = @"Taiwan, Province of China" });
        this.Add(new AthletesDataItem() { Id = 161, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/38.jpg", Position = @"current", Name = @"Alex Martin", AthleteNumber = 27887, BeatsPerMinute = 96, TopSpeed = 4.2, Registered = @"2017-10-28T04:06:33-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/eg.png", CountryName = @"Egypt" });
        this.Add(new AthletesDataItem() { Id = 162, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/0.jpg", Position = @"current", Name = @"Alex Craig", AthleteNumber = 21868, BeatsPerMinute = 94, TopSpeed = 4.2, Registered = @"2017-03-19T10:20:51-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/sy.png", CountryName = @"Syrian Arab Republic" });
        this.Add(new AthletesDataItem() { Id = 162, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/5.jpg", Position = @"down", Name = @"Adam Bouchard", AthleteNumber = 38672, BeatsPerMinute = 99, TopSpeed = 4.7, Registered = @"2017-01-04T03:04:05-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/sc.png", CountryName = @"Seychelles" });
        this.Add(new AthletesDataItem() { Id = 163, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/70.jpg", Position = @"down", Name = @"میلاد قاسمی", AthleteNumber = 12788, BeatsPerMinute = 101, TopSpeed = 4.1, Registered = @"2017-03-01T07:51:17-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ws.png", CountryName = @"Samoa" });
        this.Add(new AthletesDataItem() { Id = 163, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/52.jpg", Position = @"up", Name = @"Millie Cooper", AthleteNumber = 14610, BeatsPerMinute = 99, TopSpeed = 5.4, Registered = @"2017-05-08T09:30:14-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ni.png", CountryName = @"Nicaragua" });
        this.Add(new AthletesDataItem() { Id = 163, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/21.jpg", Position = @"up", Name = @"Pippa Roberts", AthleteNumber = 15588, BeatsPerMinute = 105, TopSpeed = 4.1, Registered = @"2017-02-07T10:23:13-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/kh.png", CountryName = @"Cambodia" });
        this.Add(new AthletesDataItem() { Id = 164, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/51.jpg", Position = @"current", Name = @"Ethel Stephens", AthleteNumber = 18692, BeatsPerMinute = 94, TopSpeed = 4.1, Registered = @"2017-02-13T05:03:04-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ua.png", CountryName = @"Ukraine" });
        this.Add(new AthletesDataItem() { Id = 165, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/79.jpg", Position = @"down", Name = @"Mario Ellis", AthleteNumber = 18026, BeatsPerMinute = 99, TopSpeed = 5.5, Registered = @"2017-02-13T11:53:15-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ml.png", CountryName = @"Mali" });
        this.Add(new AthletesDataItem() { Id = 166, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/74.jpg", Position = @"current", Name = @"Maria Parra", AthleteNumber = 39861, BeatsPerMinute = 106, TopSpeed = 6, Registered = @"2017-01-30T09:22:52-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ki.png", CountryName = @"Kiribati" });
        this.Add(new AthletesDataItem() { Id = 167, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/67.jpg", Position = @"down", Name = @"Aatu Ranta", AthleteNumber = 38049, BeatsPerMinute = 94, TopSpeed = 5.1, Registered = @"2017-07-21T04:22:18-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ae.png", CountryName = @"United Arab Emirates" });
        this.Add(new AthletesDataItem() { Id = 167, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/62.jpg", Position = @"current", Name = @"Pippa Morris", AthleteNumber = 44421, BeatsPerMinute = 101, TopSpeed = 5.5, Registered = @"2017-03-06T09:21:58-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/tj.png", CountryName = @"Tajikistan" });
        this.Add(new AthletesDataItem() { Id = 167, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/32.jpg", Position = @"current", Name = @"Esma Adıvar", AthleteNumber = 35565, BeatsPerMinute = 99, TopSpeed = 4.2, Registered = @"2017-06-17T12:34:29-03:00", TrackProgress = 75, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ph.png", CountryName = @"Philippines" });
        this.Add(new AthletesDataItem() { Id = 167, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/19.jpg", Position = @"down", Name = @"Louis Smith", AthleteNumber = 31837, BeatsPerMinute = 98, TopSpeed = 5.4, Registered = @"2017-03-19T08:12:23-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/lr.png", CountryName = @"Liberia" });
        this.Add(new AthletesDataItem() { Id = 167, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/81.jpg", Position = @"down", Name = @"Milo Charles", AthleteNumber = 10661, BeatsPerMinute = 99, TopSpeed = 5.4, Registered = @"2017-07-20T09:00:22-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/is.png", CountryName = @"Iceland" });
        this.Add(new AthletesDataItem() { Id = 168, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/10.jpg", Position = @"current", Name = @"Calvin Hunt", AthleteNumber = 35535, BeatsPerMinute = 94, TopSpeed = 4.5, Registered = @"2017-11-07T09:58:42-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/at.png", CountryName = @"Austria" });
        this.Add(new AthletesDataItem() { Id = 169, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/44.jpg", Position = @"up", Name = @"Aziz Santos", AthleteNumber = 38947, BeatsPerMinute = 98, TopSpeed = 4, Registered = @"2017-04-03T02:18:46-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/gb.png", CountryName = @"United Kingdom" });
        this.Add(new AthletesDataItem() { Id = 169, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/21.jpg", Position = @"down", Name = @"Julian Barth", AthleteNumber = 19011, BeatsPerMinute = 91, TopSpeed = 5.2, Registered = @"2017-04-21T08:08:33-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/gd.png", CountryName = @"Grenada" });
        this.Add(new AthletesDataItem() { Id = 170, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/60.jpg", Position = @"up", Name = @"Fernando Gimenez", AthleteNumber = 31290, BeatsPerMinute = 102, TopSpeed = 5.1, Registered = @"2017-06-21T06:45:54-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/uz.png", CountryName = @"Uruguay" });
        this.Add(new AthletesDataItem() { Id = 173, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/18.jpg", Position = @"current", Name = @"Hassana Camp", AthleteNumber = 14467, BeatsPerMinute = 104, TopSpeed = 5.2, Registered = @"2017-06-02T12:21:59-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/cz.png", CountryName = @"Czechia" });
        this.Add(new AthletesDataItem() { Id = 174, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/29.jpg", Position = @"current", Name = @"Beatriz Gallardo", AthleteNumber = 38538, BeatsPerMinute = 101, TopSpeed = 6, Registered = @"2017-11-06T02:14:31-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/er.png", CountryName = @"Eritrea" });
        this.Add(new AthletesDataItem() { Id = 176, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/26.jpg", Position = @"current", Name = @"Tim Neal", AthleteNumber = 45860, BeatsPerMinute = 97, TopSpeed = 5.6, Registered = @"2017-04-21T04:06:34-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/pa.png", CountryName = @"Panama" });
        this.Add(new AthletesDataItem() { Id = 176, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/35.jpg", Position = @"down", Name = @"Laudelino Castro", AthleteNumber = 12711, BeatsPerMinute = 106, TopSpeed = 4.4, Registered = @"2017-02-08T04:03:22-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/hr.png", CountryName = @"Croatia" });
        this.Add(new AthletesDataItem() { Id = 178, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/65.jpg", Position = @"down", Name = @"Lillian Wade", AthleteNumber = 10729, BeatsPerMinute = 110, TopSpeed = 4.8, Registered = @"2017-04-07T09:53:13-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/sb.png", CountryName = @"Solomon Islands" });
        this.Add(new AthletesDataItem() { Id = 180, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/90.jpg", Position = @"up", Name = @"Lillian Bowman", AthleteNumber = 35323, BeatsPerMinute = 103, TopSpeed = 4.5, Registered = @"2017-08-31T11:55:25-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/gy.png", CountryName = @"Guyana" });
        this.Add(new AthletesDataItem() { Id = 182, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/14.jpg", Position = @"up", Name = @"Ariena Achterberg", AthleteNumber = 41330, BeatsPerMinute = 92, TopSpeed = 5.6, Registered = @"2017-10-22T02:15:39-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/kr.png", CountryName = @"South Korea" });
        this.Add(new AthletesDataItem() { Id = 182, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/94.jpg", Position = @"current", Name = @"Gerald Schmidt", AthleteNumber = 47410, BeatsPerMinute = 102, TopSpeed = 5.8, Registered = @"2017-02-20T11:53:08-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ge.png", CountryName = @"Georgia" });
        this.Add(new AthletesDataItem() { Id = 183, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/74.jpg", Position = @"down", Name = @"Yarno Kin", AthleteNumber = 47324, BeatsPerMinute = 107, TopSpeed = 5.1, Registered = @"2017-08-26T08:21:22-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ro.png", CountryName = @"Romania" });
        this.Add(new AthletesDataItem() { Id = 183, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/53.jpg", Position = @"up", Name = @"رونیکا سلطانی نژاد", AthleteNumber = 35233, BeatsPerMinute = 99, TopSpeed = 4.6, Registered = @"2017-08-13T01:05:52-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/mk.png", CountryName = @"Macedonia, The Former Yugoslav Republic of" });
        this.Add(new AthletesDataItem() { Id = 186, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/2.jpg", Position = @"up", Name = @"کوروش کامروا", AthleteNumber = 13506, BeatsPerMinute = 109, TopSpeed = 4.4, Registered = @"2017-04-16T01:10:37-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/nu.png", CountryName = @"Niue" });
        this.Add(new AthletesDataItem() { Id = 186, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/42.jpg", Position = @"up", Name = @"Jimmy Bailey", AthleteNumber = 38510, BeatsPerMinute = 101, TopSpeed = 4.7, Registered = @"2017-06-30T04:13:42-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/cr.png", CountryName = @"Costa Rica" });
        this.Add(new AthletesDataItem() { Id = 188, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/3.jpg", Position = @"current", Name = @"Foppe Delfos", AthleteNumber = 39679, BeatsPerMinute = 107, TopSpeed = 4.1, Registered = @"2017-08-05T10:54:56-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/py.png", CountryName = @"Paraguay" });
        this.Add(new AthletesDataItem() { Id = 188, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/81.jpg", Position = @"down", Name = @"آراد یاسمی", AthleteNumber = 34370, BeatsPerMinute = 99, TopSpeed = 5.9, Registered = @"2017-02-02T11:42:41-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/mu.png", CountryName = @"Mauritius" });
        this.Add(new AthletesDataItem() { Id = 188, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/45.jpg", Position = @"down", Name = @"Ceylan Duygulu", AthleteNumber = 21527, BeatsPerMinute = 99, TopSpeed = 4.9, Registered = @"2017-07-13T09:06:04-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/dm.png", CountryName = @"Dominica" });
        this.Add(new AthletesDataItem() { Id = 190, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/2.jpg", Position = @"current", Name = @"Venla Korpela", AthleteNumber = 16454, BeatsPerMinute = 92, TopSpeed = 4.1, Registered = @"2017-08-22T10:36:38-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/hu.png", CountryName = @"Hungary" });
        this.Add(new AthletesDataItem() { Id = 190, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/53.jpg", Position = @"current", Name = @"Gladys Van Der Steeg", AthleteNumber = 20216, BeatsPerMinute = 94, TopSpeed = 4.3, Registered = @"2017-10-09T02:01:16-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/de.png", CountryName = @"Germany" });
        this.Add(new AthletesDataItem() { Id = 190, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/44.jpg", Position = @"current", Name = @"Kiara Dubois", AthleteNumber = 49964, BeatsPerMinute = 97, TopSpeed = 5.6, Registered = @"2017-09-28T04:37:56-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/au.png", CountryName = @"Australia" });
        this.Add(new AthletesDataItem() { Id = 191, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/42.jpg", Position = @"current", Name = @"آرش احمدی", AthleteNumber = 36948, BeatsPerMinute = 90, TopSpeed = 4.1, Registered = @"2017-09-08T01:22:14-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/np.png", CountryName = @"Nepal" });
        this.Add(new AthletesDataItem() { Id = 191, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/13.jpg", Position = @"up", Name = @"Sheryl Collins", AthleteNumber = 36473, BeatsPerMinute = 98, TopSpeed = 4.2, Registered = @"2017-03-23T12:54:35-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ke.png", CountryName = @"Kenya" });
        this.Add(new AthletesDataItem() { Id = 191, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/72.jpg", Position = @"up", Name = @"Clarisse Rey", AthleteNumber = 29795, BeatsPerMinute = 98, TopSpeed = 4.9, Registered = @"2017-06-09T08:07:19-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ba.png", CountryName = @"Bosnia and Herzegovina" });
        this.Add(new AthletesDataItem() { Id = 192, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/44.jpg", Position = @"down", Name = @"Viivi Kujala", AthleteNumber = 29939, BeatsPerMinute = 93, TopSpeed = 4.1, Registered = @"2017-05-03T02:40:05-03:00", TrackProgress = 75, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/so.png", CountryName = @"Somalia" });
        this.Add(new AthletesDataItem() { Id = 193, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/9.jpg", Position = @"down", Name = @"Juanita Franklin", AthleteNumber = 13907, BeatsPerMinute = 91, TopSpeed = 6, Registered = @"2017-10-04T02:46:46-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/vu.png", CountryName = @"Vanuatu" });
        this.Add(new AthletesDataItem() { Id = 193, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/59.jpg", Position = @"down", Name = @"Sophia Carlson", AthleteNumber = 44183, BeatsPerMinute = 102, TopSpeed = 5.1, Registered = @"2017-09-04T07:03:19-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ee.png", CountryName = @"Estonia" });
        this.Add(new AthletesDataItem() { Id = 194, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/62.jpg", Position = @"up", Name = @"آوا سلطانی نژاد", AthleteNumber = 45635, BeatsPerMinute = 98, TopSpeed = 4.1, Registered = @"2017-04-10T11:39:46-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/se.png", CountryName = @"Sweden" });
        this.Add(new AthletesDataItem() { Id = 194, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/11.jpg", Position = @"down", Name = @"Kaya Taşlı", AthleteNumber = 42291, BeatsPerMinute = 100, TopSpeed = 4.7, Registered = @"2017-01-30T03:23:36-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/sn.png", CountryName = @"Senegal" });
        this.Add(new AthletesDataItem() { Id = 194, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/71.jpg", Position = @"down", Name = @"Adrian Ibañez", AthleteNumber = 21968, BeatsPerMinute = 105, TopSpeed = 5.3, Registered = @"2017-02-03T04:36:54-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/om.png", CountryName = @"Oman" });
        this.Add(new AthletesDataItem() { Id = 196, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/17.jpg", Position = @"current", Name = @"Parel Zuidhof", AthleteNumber = 32718, BeatsPerMinute = 105, TopSpeed = 5, Registered = @"2017-01-21T10:19:56-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/jm.png", CountryName = @"Jamaica" });
        this.Add(new AthletesDataItem() { Id = 196, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/30.jpg", Position = @"up", Name = @"Begüm Erkekli", AthleteNumber = 37888, BeatsPerMinute = 104, TopSpeed = 4.6, Registered = @"2017-10-04T03:02:35-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/sv.png", CountryName = @"El Salvador" });
        this.Add(new AthletesDataItem() { Id = 197, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/93.jpg", Position = @"current", Name = @"Brent Lord", AthleteNumber = 20943, BeatsPerMinute = 92, TopSpeed = 4.8, Registered = @"2017-01-23T06:14:22-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/dz.png", CountryName = @"Algeria" });
        this.Add(new AthletesDataItem() { Id = 199, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/68.jpg", Position = @"up", Name = @"Lucie Dumont", AthleteNumber = 12104, BeatsPerMinute = 108, TopSpeed = 4, Registered = @"2017-01-08T02:13:29-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ca.png", CountryName = @"Canada" });
        this.Add(new AthletesDataItem() { Id = 210, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/13.jpg", Position = @"down", Name = @"Maeva Bergeron", AthleteNumber = 15655, BeatsPerMinute = 94, TopSpeed = 5.9, Registered = @"2017-10-03T09:42:15-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/mx.png", CountryName = @"Mexico" });
        this.Add(new AthletesDataItem() { Id = 212, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/83.jpg", Position = @"up", Name = @"Sara Larsen", AthleteNumber = 37094, BeatsPerMinute = 97, TopSpeed = 4.5, Registered = @"2017-04-14T11:48:28-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/sa.png", CountryName = @"Saudi Arabia" });
        this.Add(new AthletesDataItem() { Id = 214, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/84.jpg", Position = @"up", Name = @"Ömür Denkel", AthleteNumber = 31061, BeatsPerMinute = 104, TopSpeed = 4.5, Registered = @"2017-02-18T05:32:55-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/tv.png", CountryName = @"Tuvalu" });
        this.Add(new AthletesDataItem() { Id = 215, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/79.jpg", Position = @"down", Name = @"Marilou Hubert", AthleteNumber = 43655, BeatsPerMinute = 104, TopSpeed = 4.2, Registered = @"2017-09-28T11:13:00-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/mm.png", CountryName = @"Myanmar" });
        this.Add(new AthletesDataItem() { Id = 216, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/72.jpg", Position = @"down", Name = @"Felix Olsen", AthleteNumber = 43198, BeatsPerMinute = 101, TopSpeed = 4.2, Registered = @"2017-09-27T01:17:14-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/fr.png", CountryName = @"France" });
        this.Add(new AthletesDataItem() { Id = 219, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/6.jpg", Position = @"current", Name = @"Sedef Tunçeri", AthleteNumber = 48164, BeatsPerMinute = 108, TopSpeed = 5.6, Registered = @"2017-03-29T11:54:15-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/bt.png", CountryName = @"Bhutan" });
        this.Add(new AthletesDataItem() { Id = 221, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/73.jpg", Position = @"down", Name = @"Kuzey Aclan", AthleteNumber = 18583, BeatsPerMinute = 102, TopSpeed = 5.3, Registered = @"2017-09-12T09:14:14-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/td.png", CountryName = @"Chad" });
        this.Add(new AthletesDataItem() { Id = 223, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/72.jpg", Position = @"down", Name = @"Gökhan Aşıkoğlu", AthleteNumber = 13890, BeatsPerMinute = 105, TopSpeed = 5.4, Registered = @"2017-03-31T06:14:26-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/jp.png", CountryName = @"Japan" });
        this.Add(new AthletesDataItem() { Id = 224, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/0.jpg", Position = @"down", Name = @"Joan Ortega", AthleteNumber = 49478, BeatsPerMinute = 103, TopSpeed = 5.4, Registered = @"2017-07-04T03:01:47-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/gq.png", CountryName = @"Equatorial Guinea" });
        this.Add(new AthletesDataItem() { Id = 225, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/42.jpg", Position = @"up", Name = @"Stanley Hart", AthleteNumber = 14150, BeatsPerMinute = 91, TopSpeed = 4.5, Registered = @"2017-08-19T03:02:33-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ve.png", CountryName = @"Venezuela" });
        this.Add(new AthletesDataItem() { Id = 227, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/9.jpg", Position = @"current", Name = @"Johann Hinz", AthleteNumber = 48244, BeatsPerMinute = 94, TopSpeed = 4.3, Registered = @"2017-03-10T07:36:56-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/sd.png", CountryName = @"Sudan" });
        this.Add(new AthletesDataItem() { Id = 227, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/61.jpg", Position = @"up", Name = @"Layla Douglas", AthleteNumber = 21977, BeatsPerMinute = 97, TopSpeed = 5.4, Registered = @"2017-04-19T11:43:38-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/si.png", CountryName = @"Slovenia" });
        this.Add(new AthletesDataItem() { Id = 229, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/29.jpg", Position = @"current", Name = @"Selmo Caldeira", AthleteNumber = 21837, BeatsPerMinute = 110, TopSpeed = 4.9, Registered = @"2017-10-20T03:40:24-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ly.png", CountryName = @"Libyan Arab Jamahiriya" });
        this.Add(new AthletesDataItem() { Id = 231, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/56.jpg", Position = @"up", Name = @"Judd Campbell", AthleteNumber = 37365, BeatsPerMinute = 110, TopSpeed = 5, Registered = @"2017-10-19T11:01:10-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/la.png", CountryName = @"Lao PeopleS Democratic Republic" });
        this.Add(new AthletesDataItem() { Id = 233, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/18.jpg", Position = @"up", Name = @"Zackary Roy", AthleteNumber = 45996, BeatsPerMinute = 92, TopSpeed = 4.9, Registered = @"2017-07-07T03:51:26-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/bs.png", CountryName = @"Bahamas" });
        this.Add(new AthletesDataItem() { Id = 234, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/19.jpg", Position = @"down", Name = @"Linda Schäfer", AthleteNumber = 43074, BeatsPerMinute = 107, TopSpeed = 5.1, Registered = @"2017-01-05T11:41:20-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ye.png", CountryName = @"Yemen" });
        this.Add(new AthletesDataItem() { Id = 235, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/42.jpg", Position = @"down", Name = @"Elaine Smith", AthleteNumber = 38243, BeatsPerMinute = 108, TopSpeed = 4, Registered = @"2017-06-11T12:20:41-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/li.png", CountryName = @"Liechtenstein" });
        this.Add(new AthletesDataItem() { Id = 237, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/86.jpg", Position = @"down", Name = @"Clyde Matthews", AthleteNumber = 11955, BeatsPerMinute = 93, TopSpeed = 5.2, Registered = @"2017-03-02T05:01:02-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/pw.png", CountryName = @"Palau" });
        this.Add(new AthletesDataItem() { Id = 238, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/17.jpg", Position = @"current", Name = @"Charlotte Meyer", AthleteNumber = 21442, BeatsPerMinute = 110, TopSpeed = 4.6, Registered = @"2017-10-19T10:38:35-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ck.png", CountryName = @"Cook Islands" });
        this.Add(new AthletesDataItem() { Id = 240, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/5.jpg", Position = @"down", Name = @"Carter Evans", AthleteNumber = 46961, BeatsPerMinute = 100, TopSpeed = 5.3, Registered = @"2017-07-23T02:43:07-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/lu.png", CountryName = @"Luxembourg" });
        this.Add(new AthletesDataItem() { Id = 240, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/33.jpg", Position = @"down", Name = @"Alberto Clark", AthleteNumber = 29912, BeatsPerMinute = 93, TopSpeed = 4.6, Registered = @"2017-02-02T03:50:21-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ag.png", CountryName = @"Antigua and Barbuda" });
        this.Add(new AthletesDataItem() { Id = 241, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/65.jpg", Position = @"down", Name = @"Lilly Keuter", AthleteNumber = 49893, BeatsPerMinute = 102, TopSpeed = 4.5, Registered = @"2017-01-20T02:38:39-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/kn.png", CountryName = @"Saint Kitts and Nevis" });
        this.Add(new AthletesDataItem() { Id = 241, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/20.jpg", Position = @"up", Name = @"Oskari Karjala", AthleteNumber = 31498, BeatsPerMinute = 90, TopSpeed = 4.5, Registered = @"2017-05-10T12:45:12-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/fm.png", CountryName = @"Micronesia, Federated States of" });
        this.Add(new AthletesDataItem() { Id = 242, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/83.jpg", Position = @"down", Name = @"Caitlin Jackson", AthleteNumber = 45472, BeatsPerMinute = 101, TopSpeed = 4.3, Registered = @"2017-09-17T09:41:01-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/mz.png", CountryName = @"Mozambique" });
        this.Add(new AthletesDataItem() { Id = 243, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/77.jpg", Position = @"down", Name = @"Cathalijne Van Der Ree", AthleteNumber = 45160, BeatsPerMinute = 102, TopSpeed = 5.4, Registered = @"2017-02-13T05:23:49-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ug.png", CountryName = @"Uganda" });
        this.Add(new AthletesDataItem() { Id = 243, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/94.jpg", Position = @"up", Name = @"Emma Turner", AthleteNumber = 39487, BeatsPerMinute = 110, TopSpeed = 5.7, Registered = @"2017-07-30T01:33:14-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/tz.png", CountryName = @"Tanzania, United Republic of" });
        this.Add(new AthletesDataItem() { Id = 243, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/42.jpg", Position = @"up", Name = @"Kent Clark", AthleteNumber = 32799, BeatsPerMinute = 106, TopSpeed = 5.7, Registered = @"2017-01-24T01:00:15-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/pe.png", CountryName = @"Peru" });
        this.Add(new AthletesDataItem() { Id = 246, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/55.jpg", Position = @"current", Name = @"Ronja Kraft", AthleteNumber = 21800, BeatsPerMinute = 101, TopSpeed = 5.3, Registered = @"2017-04-02T03:33:57-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/dk.png", CountryName = @"Denmark" });
        this.Add(new AthletesDataItem() { Id = 251, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/34.jpg", Position = @"down", Name = @"Eléa Robin", AthleteNumber = 26742, BeatsPerMinute = 90, TopSpeed = 4.7, Registered = @"2017-03-30T12:34:24-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/vc.png", CountryName = @"Saint Vincent and the Grenadines" });
        this.Add(new AthletesDataItem() { Id = 251, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/74.jpg", Position = @"up", Name = @"Alex Meyer", AthleteNumber = 44390, BeatsPerMinute = 94, TopSpeed = 4.3, Registered = @"2017-08-04T07:05:34-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/md.png", CountryName = @"Moldova, Republic of" });
        this.Add(new AthletesDataItem() { Id = 252, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/94.jpg", Position = @"down", Name = @"Adérito Lopes", AthleteNumber = 21320, BeatsPerMinute = 91, TopSpeed = 5.2, Registered = @"2017-01-07T06:47:56-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/mh.png", CountryName = @"Marshall Islands" });
        this.Add(new AthletesDataItem() { Id = 253, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/51.jpg", Position = @"current", Name = @"Kayla Patel", AthleteNumber = 42780, BeatsPerMinute = 103, TopSpeed = 4.7, Registered = @"2017-04-20T09:33:53-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ne.png", CountryName = @"Niger" });
        this.Add(new AthletesDataItem() { Id = 258, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/31.jpg", Position = @"current", Name = @"Diego Gautier", AthleteNumber = 26320, BeatsPerMinute = 97, TopSpeed = 4.6, Registered = @"2017-06-11T03:50:43-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ng.png", CountryName = @"Nigeria" });
        this.Add(new AthletesDataItem() { Id = 258, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/30.jpg", Position = @"up", Name = @"Veera Saari", AthleteNumber = 40408, BeatsPerMinute = 100, TopSpeed = 4.7, Registered = @"2017-10-28T10:39:22-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/iq.png", CountryName = @"Iraq" });
        this.Add(new AthletesDataItem() { Id = 258, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/60.jpg", Position = @"down", Name = @"Zaina Pomp", AthleteNumber = 14109, BeatsPerMinute = 90, TopSpeed = 5.7, Registered = @"2017-09-07T11:17:40-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ao.png", CountryName = @"Angola" });
        this.Add(new AthletesDataItem() { Id = 262, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/9.jpg", Position = @"current", Name = @"Anthony Harcourt", AthleteNumber = 33649, BeatsPerMinute = 109, TopSpeed = 5.5, Registered = @"2017-06-14T11:10:20-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/in.png", CountryName = @"India" });
        this.Add(new AthletesDataItem() { Id = 262, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/43.jpg", Position = @"current", Name = @"Roman Smith", AthleteNumber = 15531, BeatsPerMinute = 106, TopSpeed = 4.9, Registered = @"2017-06-14T05:12:04-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ga.png", CountryName = @"Gabon" });
        this.Add(new AthletesDataItem() { Id = 263, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/9.jpg", Position = @"up", Name = @"Estelle Vincent", AthleteNumber = 41700, BeatsPerMinute = 99, TopSpeed = 5.7, Registered = @"2017-05-31T02:56:58-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/na.png", CountryName = @"Namibia" });
        this.Add(new AthletesDataItem() { Id = 265, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/47.jpg", Position = @"current", Name = @"Ilke Kisters", AthleteNumber = 23817, BeatsPerMinute = 100, TopSpeed = 5.9, Registered = @"2017-01-04T02:54:53-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ch.png", CountryName = @"Switzerland" });
        this.Add(new AthletesDataItem() { Id = 265, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/9.jpg", Position = @"down", Name = @"Jenny Burke", AthleteNumber = 15266, BeatsPerMinute = 99, TopSpeed = 5.4, Registered = @"2017-09-11T12:20:19-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/my.png", CountryName = @"Malaysia" });
        this.Add(new AthletesDataItem() { Id = 265, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/60.jpg", Position = @"down", Name = @"Keira Walker", AthleteNumber = 34116, BeatsPerMinute = 94, TopSpeed = 4.8, Registered = @"2017-01-09T05:46:07-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/al.png", CountryName = @"Albania" });
        this.Add(new AthletesDataItem() { Id = 266, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/70.jpg", Position = @"down", Name = @"Moritz Braun", AthleteNumber = 48081, BeatsPerMinute = 107, TopSpeed = 6, Registered = @"2017-06-13T12:54:56-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ad.png", CountryName = @"Andorra" });
        this.Add(new AthletesDataItem() { Id = 267, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/50.jpg", Position = @"current", Name = @"Villads Larsen", AthleteNumber = 44677, BeatsPerMinute = 93, TopSpeed = 5.7, Registered = @"2017-03-25T11:25:30-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/kw.png", CountryName = @"Kuwait" });
        this.Add(new AthletesDataItem() { Id = 268, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/23.jpg", Position = @"up", Name = @"Sandro Carpentier", AthleteNumber = 23503, BeatsPerMinute = 96, TopSpeed = 5.7, Registered = @"2017-09-30T01:01:04-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/be.png", CountryName = @"Belgium" });
        this.Add(new AthletesDataItem() { Id = 269, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/17.jpg", Position = @"current", Name = @"Emil Meißner", AthleteNumber = 37183, BeatsPerMinute = 97, TopSpeed = 4, Registered = @"2017-07-15T12:32:30-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/gm.png", CountryName = @"Gambia" });
        this.Add(new AthletesDataItem() { Id = 270, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/14.jpg", Position = @"up", Name = @"Emily Olsen", AthleteNumber = 13887, BeatsPerMinute = 110, TopSpeed = 4.8, Registered = @"2017-10-03T08:01:40-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/cf.png", CountryName = @"Central African Republic" });
        this.Add(new AthletesDataItem() { Id = 271, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/81.jpg", Position = @"down", Name = @"آراد جعفری", AthleteNumber = 34962, BeatsPerMinute = 90, TopSpeed = 4.8, Registered = @"2017-04-22T04:20:39-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/bi.png", CountryName = @"Burundi" });
        this.Add(new AthletesDataItem() { Id = 271, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/74.jpg", Position = @"down", Name = @"Jimmie Mcguinness", AthleteNumber = 20729, BeatsPerMinute = 90, TopSpeed = 4.6, Registered = @"2017-10-07T06:08:00-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/bw.png", CountryName = @"Botswana" });
        this.Add(new AthletesDataItem() { Id = 272, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/26.jpg", Position = @"down", Name = @"Sélène Roussel", AthleteNumber = 11261, BeatsPerMinute = 99, TopSpeed = 5.8, Registered = @"2017-05-10T02:18:02-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/sm.png", CountryName = @"San Marino" });
        this.Add(new AthletesDataItem() { Id = 272, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/31.jpg", Position = @"up", Name = @"Aaron Robertson", AthleteNumber = 30727, BeatsPerMinute = 95, TopSpeed = 4.2, Registered = @"2017-08-23T09:37:40-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/id.png", CountryName = @"Indonesia" });
        this.Add(new AthletesDataItem() { Id = 273, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/4.jpg", Position = @"up", Name = @"Afet Kumcuoğlu", AthleteNumber = 33454, BeatsPerMinute = 106, TopSpeed = 5.1, Registered = @"2017-09-16T07:05:43-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/nz.png", CountryName = @"New Zealand" });
        this.Add(new AthletesDataItem() { Id = 273, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/33.jpg", Position = @"up", Name = @"Annabelle Besteman", AthleteNumber = 30560, BeatsPerMinute = 105, TopSpeed = 5.3, Registered = @"2017-11-11T02:04:19-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/kp.png", CountryName = @"North Korea" });
        this.Add(new AthletesDataItem() { Id = 274, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/9.jpg", Position = @"up", Name = @"Minea Rantanen", AthleteNumber = 18835, BeatsPerMinute = 105, TopSpeed = 5, Registered = @"2017-01-24T07:30:43-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/jo.png", CountryName = @"Jordan" });
        this.Add(new AthletesDataItem() { Id = 275, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/2.jpg", Position = @"up", Name = @"Fritz Sommer", AthleteNumber = 26210, BeatsPerMinute = 99, TopSpeed = 4.6, Registered = @"2017-09-29T03:54:57-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/lt.png", CountryName = @"Lithuania" });
        this.Add(new AthletesDataItem() { Id = 275, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/88.jpg", Position = @"down", Name = @"Rafael Gutierrez", AthleteNumber = 38804, BeatsPerMinute = 100, TopSpeed = 5.9, Registered = @"2017-02-08T07:50:59-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/gn.png", CountryName = @"Guinea" });
        this.Add(new AthletesDataItem() { Id = 275, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/69.jpg", Position = @"current", Name = @"Ellen Leppo", AthleteNumber = 29286, BeatsPerMinute = 97, TopSpeed = 5.6, Registered = @"2017-08-16T09:46:35-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/by.png", CountryName = @"Belarus" });
        this.Add(new AthletesDataItem() { Id = 276, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/1.jpg", Position = @"current", Name = @"Encarnacion Martin", AthleteNumber = 40912, BeatsPerMinute = 105, TopSpeed = 5.5, Registered = @"2017-01-11T12:52:28-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/th.png", CountryName = @"Thailand" });
        this.Add(new AthletesDataItem() { Id = 276, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/65.jpg", Position = @"current", Name = @"David Scott", AthleteNumber = 46997, BeatsPerMinute = 101, TopSpeed = 4.4, Registered = @"2017-07-25T09:23:24-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/pt.png", CountryName = @"Portugal" });
        this.Add(new AthletesDataItem() { Id = 279, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/39.jpg", Position = @"current", Name = @"Ashley Romero", AthleteNumber = 36611, BeatsPerMinute = 104, TopSpeed = 5.5, Registered = @"2017-02-08T12:45:46-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/mn.png", CountryName = @"Mongolia" });
        this.Add(new AthletesDataItem() { Id = 280, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/90.jpg", Position = @"down", Name = @"Cecil Nichols", AthleteNumber = 20656, BeatsPerMinute = 100, TopSpeed = 5, Registered = @"2017-04-24T01:20:34-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/rw.png", CountryName = @"RWANDA" });
        this.Add(new AthletesDataItem() { Id = 282, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/55.jpg", Position = @"current", Name = @"Johann Fischer", AthleteNumber = 37212, BeatsPerMinute = 98, TopSpeed = 5.8, Registered = @"2017-09-01T04:39:52-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/br.png", CountryName = @"Brazil" });
        this.Add(new AthletesDataItem() { Id = 283, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/10.jpg", Position = @"current", Name = @"سینا مرادی", AthleteNumber = 10809, BeatsPerMinute = 105, TopSpeed = 5.3, Registered = @"2017-04-05T05:27:13-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/bh.png", CountryName = @"Bahrain" });
        this.Add(new AthletesDataItem() { Id = 284, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/12.jpg", Position = @"current", Name = @"Abel Brun", AthleteNumber = 39315, BeatsPerMinute = 105, TopSpeed = 5.1, Registered = @"2017-10-05T05:54:31-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/af.png", CountryName = @"Afghanistan" });
        this.Add(new AthletesDataItem() { Id = 285, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/34.jpg", Position = @"current", Name = @"Jeffrey Medina", AthleteNumber = 42905, BeatsPerMinute = 100, TopSpeed = 5.2, Registered = @"2017-09-15T02:11:43-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/gr.png", CountryName = @"Greece" });
        this.Add(new AthletesDataItem() { Id = 285, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/43.jpg", Position = @"down", Name = @"Niilo Laurila", AthleteNumber = 49215, BeatsPerMinute = 104, TopSpeed = 4.5, Registered = @"2017-04-26T01:26:36-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/et.png", CountryName = @"Ethiopia" });
        this.Add(new AthletesDataItem() { Id = 286, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/45.jpg", Position = @"down", Name = @"Marisvalda Martins", AthleteNumber = 33879, BeatsPerMinute = 107, TopSpeed = 5.4, Registered = @"2017-01-31T12:07:48-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/es.png", CountryName = @"Spain" });
        this.Add(new AthletesDataItem() { Id = 286, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/82.jpg", Position = @"current", Name = @"Eloida Novaes", AthleteNumber = 30751, BeatsPerMinute = 107, TopSpeed = 4.2, Registered = @"2017-01-02T01:04:04-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/cl.png", CountryName = @"Chile" });
        this.Add(new AthletesDataItem() { Id = 287, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/72.jpg", Position = @"up", Name = @"Charlotte Dean", AthleteNumber = 45969, BeatsPerMinute = 105, TopSpeed = 5, Registered = @"2017-02-13T05:39:15-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/za.png", CountryName = @"South Africa" });
        this.Add(new AthletesDataItem() { Id = 287, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/35.jpg", Position = @"current", Name = @"Loïc Gerard", AthleteNumber = 31706, BeatsPerMinute = 102, TopSpeed = 4.4, Registered = @"2017-07-28T09:10:43-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ie.png", CountryName = @"Ireland" });
        this.Add(new AthletesDataItem() { Id = 292, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/4.jpg", Position = @"down", Name = @"Asta Hansen", AthleteNumber = 17222, BeatsPerMinute = 101, TopSpeed = 4.3, Registered = @"2017-01-08T02:41:56-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/kz.png", CountryName = @"Kazakhstan" });
        this.Add(new AthletesDataItem() { Id = 293, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/21.jpg", Position = @"up", Name = @"Sara Hannula", AthleteNumber = 22025, BeatsPerMinute = 102, TopSpeed = 4.2, Registered = @"2017-10-09T11:32:13-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/tl.png", CountryName = @"Timor-Leste" });
        this.Add(new AthletesDataItem() { Id = 293, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/90.jpg", Position = @"current", Name = @"Ana Bourgeois", AthleteNumber = 24612, BeatsPerMinute = 110, TopSpeed = 6, Registered = @"2017-11-02T02:17:43-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/sg.png", CountryName = @"Singapore" });
        this.Add(new AthletesDataItem() { Id = 296, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/37.jpg", Position = @"up", Name = @"Thea Edwards", AthleteNumber = 29141, BeatsPerMinute = 99, TopSpeed = 5.8, Registered = @"2017-05-23T05:24:38-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/sl.png", CountryName = @"Sierra Leone" });
        this.Add(new AthletesDataItem() { Id = 299, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/89.jpg", Position = @"down", Name = @"Victor Lévesque", AthleteNumber = 48375, BeatsPerMinute = 110, TopSpeed = 5.7, Registered = @"2017-11-10T11:31:44-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/mr.png", CountryName = @"Mauritania" });
        this.Add(new AthletesDataItem() { Id = 301, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/65.jpg", Position = @"down", Name = @"Louis Stewart", AthleteNumber = 48131, BeatsPerMinute = 103, TopSpeed = 5.7, Registered = @"2017-02-26T07:28:02-02:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/hn.png", CountryName = @"Honduras" });
        this.Add(new AthletesDataItem() { Id = 302, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/14.jpg", Position = @"up", Name = @"Bill Fox", AthleteNumber = 18511, BeatsPerMinute = 91, TopSpeed = 5, Registered = @"2017-10-24T08:25:40-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ir.png", CountryName = @"Iran, Islamic Republic Of" });
        this.Add(new AthletesDataItem() { Id = 304, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/34.jpg", Position = @"down", Name = @"Mathys Martin", AthleteNumber = 32928, BeatsPerMinute = 98, TopSpeed = 5.5, Registered = @"2017-05-17T12:51:47-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/va.png", CountryName = @"Holy See (Vatican City State)" });
        this.Add(new AthletesDataItem() { Id = 305, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/38.jpg", Position = @"current", Name = @"Gianne Godijn", AthleteNumber = 45945, BeatsPerMinute = 96, TopSpeed = 4.5, Registered = @"2017-03-22T03:23:12-02:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/it.png", CountryName = @"Italy" });
        this.Add(new AthletesDataItem() { Id = 306, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/26.jpg", Position = @"up", Name = @"Mira Campos", AthleteNumber = 39222, BeatsPerMinute = 95, TopSpeed = 5.9, Registered = @"2017-01-11T01:41:31-02:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/am.png", CountryName = @"Armenia" });
        this.Add(new AthletesDataItem() { Id = 308, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/15.jpg", Position = @"down", Name = @"Esther Kühn", AthleteNumber = 24868, BeatsPerMinute = 92, TopSpeed = 5.5, Registered = @"2017-05-14T12:30:08-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/ru.png", CountryName = @"Russian Federation" });
        this.Add(new AthletesDataItem() { Id = 308, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/14.jpg", Position = @"up", Name = @"Hans Möller", AthleteNumber = 34122, BeatsPerMinute = 109, TopSpeed = 5.6, Registered = @"2017-06-20T06:02:49-03:00", TrackProgress = 25, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/dj.png", CountryName = @"Djibouti" });
        this.Add(new AthletesDataItem() { Id = 309, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/73.jpg", Position = @"current", Name = @"Alice Perry", AthleteNumber = 23750, BeatsPerMinute = 104, TopSpeed = 5.3, Registered = @"2017-03-31T07:15:46-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/lc.png", CountryName = @"Saint Lucia" });
        this.Add(new AthletesDataItem() { Id = 310, Avatar = @"https://static.infragistics.com/xplatform/images/people/men/92.jpg", Position = @"up", Name = @"Kaya Tekand", AthleteNumber = 11028, BeatsPerMinute = 93, TopSpeed = 5.2, Registered = @"2017-04-10T09:57:13-03:00", TrackProgress = 60, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/fj.png", CountryName = @"Fiji" });
        this.Add(new AthletesDataItem() { Id = 311, Avatar = @"https://static.infragistics.com/xplatform/images/people/women/92.jpg", Position = @"down", Name = @"Ilona Salonen", AthleteNumber = 27068, BeatsPerMinute = 91, TopSpeed = 5.4, Registered = @"2017-07-03T06:19:47-03:00", TrackProgress = 45, CountryFlag = @"https://static.infragistics.com/xplatform/images/flags/iso2/bo.png", CountryName = @"Bolivia" });
    }
}csCOPY CODE

@using IgniteUI.Blazor.Controls

<style>
/*
CSS styles are loaded from the shared CSS file located at:
https://static.infragistics.com/xplatform/css/samples/
*/

#grid {
    --ig-grid-resize-line-color: #f35b04;
}
</style>
<div class="container vertical ig-typography">
    <div class="container vertical fill">
        <IgbGrid
        AutoGenerate="false"
        Name="grid"
        @ref="grid"
        Id="grid"
        Data="AthletesData">
            <IgbColumn
            Field="Id"
            Header="Rank"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="Name"
            Header="Athlete"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="BeatsPerMinute"
            Header="Beats per Minute"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="TopSpeed"
            Header="Top Speed"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Field="TrackProgress"
            Header="Track Progress"
            Resizable="true">
            </IgbColumn>

        </IgbGrid>

    </div>
</div>

@code {
    

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        var grid = this.grid;

    }

    private IgbGrid grid;

    private AthletesData _athletesData = null;
    public AthletesData AthletesData
    {
        get
        {
            if (_athletesData == null)
            {
                _athletesData = new AthletesData();
            }
            return _athletesData;
        }
    }

}razorCOPY CODE

/*
CSS styles are loaded from the shared CSS file located at:
https://static.infragistics.com/xplatform/css/samples/
*/

#grid {
    --ig-grid-resize-line-color: #f35b04;
}

cssCOPY CODE

API References

• IgbColumn
• IgbGrid

Additional Resources

• Virtualization and Performance
• Paging
• Filtering
• Sorting
• Summaries
• Column Moving
• Column Pinning
• Selection

Our community is active and always welcoming to new ideas.

• Ignite UI for Blazor Forums
• Ignite UI for Blazor GitHub