Blazor 그리드 열 크기 조정 개요

Blazor Grid의 Ignite UI for Blazor 열 크기 조정 기능을 사용하면 사용자가 IgbGrid의 열 너비를 쉽게 조정할 수 있습니다. 기본적으로 드래그 크기 조정 작업이 적용되는 동안 임시 크기 조정 표시기가 표시됩니다. 사용 가능한 크기 조정 옵션은 여러 가지가 있습니다. 픽셀/백분율로 열 크기 조정, 열 크기 조정 제한, 더블 클릭 시 열 크기 자동 조정, 초기화 시 열 크기 자동 조정.

すぐに使用できる機能のフルセット は、ページング、ソート、フィルタリング、編集、グループ化から行と列の仮想化まで、あらゆる機能をカバーします。.NET 開発者には制限はありません。

無料で試してみる

Blazor Grid Column Resizing Example

EXAMPLE

DATA

MODULES

RAZOR

JS

CSS

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"
        });
    }
}csコピー

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();
        }
    }
}csコピー

@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
            Name="ID"
            @ref="iD"
            Field="ID"
            Header="ID">
            </IgbColumn>

            <IgbColumn
            Name="Company"
            @ref="company"
            Field="Company"
            Header="Company"
            Resizable="true">
            </IgbColumn>

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

            <IgbColumn
            Name="ContactTitle"
            @ref="contactTitle"
            Field="ContactTitle"
            Header="Title"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Name="Address"
            @ref="address"
            Field="Address"
            Header="Address"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Name="City"
            @ref="city"
            Field="City"
            Header="City">
            </IgbColumn>

            <IgbColumn
            Name="Region"
            @ref="region"
            Field="Region"
            Header="Region"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Name="PostalCode"
            @ref="postalCode"
            Field="PostalCode"
            Header="Postal Code"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Name="Country"
            @ref="country"
            Field="Country"
            Header="Country"
            Resizable="true">
            </IgbColumn>

            <IgbColumn
            Name="Phone"
            @ref="phone"
            Field="Phone"
            Header="Phone"
            Resizable="true">
            </IgbColumn>

        </IgbGrid>

    </div>
</div>

@code {
    

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        var grid = this.grid;
        var iD = this.iD;
        var company = this.company;
        var contactName = this.contactName;
        var contactTitle = this.contactTitle;
        var address = this.address;
        var city = this.city;
        var region = this.region;
        var postalCode = this.postalCode;
        var country = this.country;
        var phone = this.phone;

    }

    private IgbGrid grid;
    private IgbColumn iD;
    private IgbColumn company;
    private IgbColumn contactName;
    private IgbColumn contactTitle;
    private IgbColumn address;
    private IgbColumn city;
    private IgbColumn region;
    private IgbColumn postalCode;
    private IgbColumn country;
    private IgbColumn phone;

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

}razorコピー

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

jsコピー

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

Like this sample? Get access to our complete Ignite UI for Blazor toolkit and start building your own apps in minutes. Download it for free.

열 크기 조정은 열 수준별로 활성화됩니다. 즉, IgbGrid 에는 크기 조정 가능한 열과 크기 조정 불가능한 열이 혼합되어 있을 수 있습니다. 이는 IgbColumn의 Resizable 입력을 통해 수행됩니다.

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

다음을 구독할 수 있습니다. ColumnResized의 이벤트 IgbGrid 열 크기가 조정될 때 일부 사용자 정의 논리를 구현합니다. 이전 및 새 열 너비뿐만 아니라 IgbColumn 개체는 이벤트 인수를 통해 노출됩니다.

<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

사용자 시나리오에 따라 열 너비는 픽셀, 백분율 또는 두 가지의 혼합으로 정의될 수 있습니다. 이러한 모든 시나리오는 열 크기 조정 기능으로 지원됩니다. 기본적으로 열에 너비가 설정되지 않은 경우 너비가 픽셀 단위로 설정된 사용 가능한 공간에 맞춰집니다.

이는 다음 구성이 가능함을 의미합니다.

<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.

픽셀

너비(픽셀)로 열 크기를 조정하는 작업은 열 크기에서 마우스 이동의 수평 크기를 직접 더하거나 빼는 방식으로 수행됩니다.

백분율

너비(%)로 열 크기를 조정할 때 마우스 이동의 수평 크기(픽셀)는 대략 그리드 너비에 대한 백분율 크기로 변환됩니다. 열은 계속 반응하며 향후 그리드 크기 조정은 여전히 열에 반영됩니다.

Restrict Column Resizing

허용되는 최소 및 최대 열 너비를 구성할 수도 있습니다. 이는 IgbColumn의 MinWidth 및 MaxWidth 입력을 통해 수행됩니다. 이 경우 크기 조정 표시기 끌기 작업은 MinWidth 및 MaxWidth로 정의된 경계 밖에서 열 크기를 조정할 수 없음을 사용자에게 알리기 위해 제한됩니다.

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

최소 및 최대 열 너비 값 유형(픽셀 또는 백분율)을 혼합하는 것이 허용됩니다. 최소값과 최대값에 대해 설정된 값이 백분율로 설정되면 각 열 크기는 픽셀과 유사한 정확한 크기로 제한됩니다.

이는 다음과 같은 구성이 가능함을 의미합니다.

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

또는

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

Auto-Size Columns on Double Click

헤더의 오른쪽을 두 번 클릭하면 각 열의 크기가 자동으로 조정될 수 있습니다. 열의 크기는 헤더 자체를 포함하여 현재 표시되는 가장 긴 셀 값으로 조정됩니다. 이 동작은 기본적으로 활성화되어 있으며 추가 구성이 필요하지 않습니다. 그러나 해당 열에 MaxWidth 설정되어 있고 새 너비가 MaxWidth 값을 초과하는 경우 열 크기가 자동으로 조정되지 않습니다. 이 경우 열은 미리 설정된 MaxWidth 값에 따라 크기가 조정됩니다.

또한 IgbColumn에 노출된 Autosize 메서드를 사용하여 열 크기를 동적으로 자동 조정할 수도 있습니다.

@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

​Width 'auto'로 설정하여 초기화 시 각 열의 크기가 자동으로 조정되도록 설정할 수 있습니다.

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

열이 뷰에서 처음 초기화되면 너비가 표시되는 가장 긴 셀이나 머리글의 크기로 확인됩니다. 표시되는 행 외부에 있는 셀은 포함되지 않습니다.

이 접근 방식은 초기화 후 자동 크기 조정보다 성능이 더 최적화되어 있으며 특히 많은 수의 열 크기를 자동 조정해야 하는 경우에 권장됩니다.

EXAMPLE

DATA

MODULES

RAZOR

CSS

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"
        });
    }
}csコピー

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();
        }
    }
}csコピー

@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;
        }
    }

}razorコピー

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

Styling

사전 정의된 테마 외에도 사용 가능한 CSS 속성 중 일부를 설정하여 그리드를 추가로 사용자 정의할 수 있습니다. 크기 조정 핸들의 색상을 변경하려면 먼저 그리드에 대한 클래스를 설정해야 합니다.

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

그런 다음 해당 클래스에 대한 관련 CSS 속성을 설정합니다.

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

Demo

EXAMPLE

DATA

MODULES

RAZOR

CSS

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"
        });
    }
}csコピー

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();
        }
    }
}csコピー

@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;
        }
    }

}razorコピー

/*
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;
}

cssコピー

API References

• IgbColumn
• IgbGrid

Additional Resources

• 가상화 및 성능
• 페이징
• 필터링
• 정렬
• 요약
• 열 이동
• 열 고정
• 선택

우리 커뮤니티는 활동적이며 항상 새로운 아이디어를 환영합니다.

• Ignite UI for Blazor 포럼
• Ignite UI for Blazor 깃허브