Web Components Grid Pagination Overview
The Ignite UI for Web Components Pagination feature in Web Components Grid is used to split a large set of data into a sequence of pages that have similar content. React grid pagination improves user experience and data interaction. IgcGridComponent
pagination is configurable via a separate component projected in the grid tree by defining a IgcPaginator
tag, similar to adding of a column. As in any Web Components table, the pagination in the Web Components Grid supports template for custom pages.
Web Components Grid Pagination Example
The following example represents IgcGridComponent
pagination and exposes the options usage of items per page and how paging can be enabled. The user can also quickly navigate through the IgcGridComponent
pages via "Go to last page" and "Go to first page" buttons.
export class AthletesDataItem {
public constructor(init: Partial<AthletesDataItem>) {
Object.assign(this, init);
}
public Id: number;
public Avatar: string;
public Position: string;
public Name: string;
public AthleteNumber: number;
public BeatsPerMinute: number;
public TopSpeed: number;
public Registered: string;
public TrackProgress: number;
public CountryFlag: string;
public CountryName: string;
}
export class AthletesData extends Array<AthletesDataItem> {
public constructor(items: Array<AthletesDataItem> | number = -1) {
if (Array.isArray(items)) {
super(...items);
} else {
const newItems = [
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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)`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
];
super(...newItems.slice(0));
}
}
}
tsimport 'igniteui-webcomponents-grids/grids/combined';
import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteui-webcomponents-grids/grids';
import { AthletesDataItem, AthletesData } from './AthletesData';
import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
defineAllComponents();
import "./index.css";
export class Sample {
private grid: IgcGridComponent
private column1: IgcColumnComponent
private _columnPipeArgs1: IgcColumnPipeArgs | null = null;
public get columnPipeArgs1(): IgcColumnPipeArgs {
if (this._columnPipeArgs1 == null)
{
var columnPipeArgs1: IgcColumnPipeArgs = {} as IgcColumnPipeArgs;
columnPipeArgs1.digitsInfo = "1.1-5";
this._columnPipeArgs1 = columnPipeArgs1;
}
return this._columnPipeArgs1;
}
private column2: IgcColumnComponent
private column3: IgcColumnComponent
private _bind: () => void;
constructor() {
var grid = this.grid = document.getElementById('grid') as IgcGridComponent;
var column1 = this.column1 = document.getElementById('column1') as IgcColumnComponent;
var column2 = this.column2 = document.getElementById('column2') as IgcColumnComponent;
var column3 = this.column3 = document.getElementById('column3') as IgcColumnComponent;
this._bind = () => {
grid.data = this.athletesData;
column1.pipeArgs = this.columnPipeArgs1;
column2.bodyTemplate = this.webGridProgressCellTemplate;
column3.bodyTemplate = this.webGridImageCellTemplate;
}
this._bind();
}
private _athletesData: AthletesData = null;
public get athletesData(): AthletesData {
if (this._athletesData == null)
{
this._athletesData = new AthletesData();
}
return this._athletesData;
}
public webGridProgressCellTemplate = (ctx: IgcCellTemplateContext) => {
return html`<div style="width: 4rem">
<igc-linear-progress value="${ctx.cell.value}"></igc-linear-progress>
</div>`;
};
public webGridImageCellTemplate = (ctx: IgcCellTemplateContext) => {
return html`<div>
<img src="${ctx.cell.value}"
style="border: 1px solid black;
object-fit: fill;
height: 2rem;
width: 3rem;"/>
</div>`;
};
}
new Sample();
ts<!DOCTYPE html>
<html>
<head>
<title>Sample | Ignite UI | Web Components | infragistics</title>
<meta charset="UTF-8" />
<link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/wc.png" >
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web" />
<link rel="stylesheet" href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" />
<link rel="stylesheet" href="/src/index.css" type="text/css" />
</head>
<body>
<div id="root">
<div class="container sample ig-typography">
<div class="container fill">
<igc-grid
auto-generate="false"
name="grid"
id="grid"
id="grid">
<igc-paginator
per-page="10">
</igc-paginator>
<igc-column
field="Id"
header="Rank"
sortable="true">
</igc-column>
<igc-column
field="Name">
</igc-column>
<igc-column
field="BeatsPerMinute"
header="Beats Per Minute"
data-type="number">
</igc-column>
<igc-column
field="TopSpeed"
header="Top Speed"
data-type="number"
name="column1"
id="column1">
</igc-column>
<igc-column
field="TrackProgress"
header="Track Progress"
name="column2"
id="column2">
</igc-column>
<igc-column
field="CountryFlag"
header="Country Flag"
name="column3"
id="column3">
</igc-column>
</igc-grid>
</div>
</div>
</div>
<!-- This script is needed only for parcel and it will be excluded for webpack -->
<% if (false) { %><script src="src/index.ts"></script><% } %>
</body>
</html>
html/* shared styles are loaded from: */
/* https://static.infragistics.com/xplatform/css/samples */
css
Like this sample? Get access to our complete Ignite UI for Web Components toolkit and start building your own apps in minutes. Download it for free.
.gridSize {
--ig-size: var(--ig-size-small);
}
css
<igc-grid id="grid" class="gridSize" height="500px" width="100%" >
<igc-paginator per-page="10">
</igc-paginator>
</igc-grid>
html
Paging with Group By
Group rows participate in the paging process along with data rows. They count towards the page size for each page. Collapsed rows are not included in the paging process.
Integration between Paging and Group By is described in the Group By topic.
Usage
The IgcPaginator
component is used along with the IgcGridComponent
component in the example below, but you can use it with any other component in case paging functionality is needed.
<igc-grid id="grid" className="gridSize">
<igc-paginator id="paginator" per-page="10">
</igc-paginator>
</igc-grid>
html
constructor() {
var grid = this.grid = document.getElementById('grid') as IgcGrid;
var paginator = this.paginator = document.getElementById('paginator') as IgcPaginatorComponent;
const selectOptions = [5, 15, 20, 50];
grid.data = this.data;
paginator.page = grid.page;
paginator.totalRecords = grid.totalRecords;
paginator.selectOptions = selectOptions;
}
ts
Paginator Component Demo
export class AthletesDataItem {
public constructor(init: Partial<AthletesDataItem>) {
Object.assign(this, init);
}
public Id: number;
public Avatar: string;
public Position: string;
public Name: string;
public AthleteNumber: number;
public BeatsPerMinute: number;
public TopSpeed: number;
public Registered: string;
public TrackProgress: number;
public CountryFlag: string;
public CountryName: string;
}
export class AthletesData extends Array<AthletesDataItem> {
public constructor(items: Array<AthletesDataItem> | number = -1) {
if (Array.isArray(items)) {
super(...items);
} else {
const newItems = [
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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)`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
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`
}),
];
super(...newItems.slice(0));
}
}
}
tsimport { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts';
import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcGridComponent, IgcPaginatorComponent, IgcPaginatorResourceStrings, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteui-webcomponents-grids/grids';
import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionComponent } from 'igniteui-webcomponents-layouts';
import { AthletesDataItem, AthletesData } from './AthletesData';
import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
defineAllComponents();
import "./index.css";
ModuleManager.register(
IgcPropertyEditorPanelModule
);
export class Sample {
private grid: IgcGridComponent
private paginator: IgcPaginatorComponent
private _paginatorResourceStrings1: IgcPaginatorResourceStrings | null = null;
public get paginatorResourceStrings1(): IgcPaginatorResourceStrings {
if (this._paginatorResourceStrings1 == null)
{
var paginatorResourceStrings1: IgcPaginatorResourceStrings = {} as IgcPaginatorResourceStrings;
paginatorResourceStrings1.igx_paginator_label = "Records per page";
this._paginatorResourceStrings1 = paginatorResourceStrings1;
}
return this._paginatorResourceStrings1;
}
private column1: IgcColumnComponent
private _columnPipeArgs1: IgcColumnPipeArgs | null = null;
public get columnPipeArgs1(): IgcColumnPipeArgs {
if (this._columnPipeArgs1 == null)
{
var columnPipeArgs1: IgcColumnPipeArgs = {} as IgcColumnPipeArgs;
columnPipeArgs1.digitsInfo = "1.1-5";
this._columnPipeArgs1 = columnPipeArgs1;
}
return this._columnPipeArgs1;
}
private propertyEditor: IgcPropertyEditorPanelComponent
private sizeEditor: IgcPropertyEditorPropertyDescriptionComponent
private _bind: () => void;
constructor() {
var grid = this.grid = document.getElementById('grid') as IgcGridComponent;
var paginator = this.paginator = document.getElementById('paginator') as IgcPaginatorComponent;
var column1 = this.column1 = document.getElementById('column1') as IgcColumnComponent;
var propertyEditor = this.propertyEditor = document.getElementById('PropertyEditor') as IgcPropertyEditorPanelComponent;
var sizeEditor = this.sizeEditor = document.getElementById('SizeEditor') as IgcPropertyEditorPropertyDescriptionComponent;
this.webGridSetGridSize = this.webGridSetGridSize.bind(this);
this._bind = () => {
grid.data = this.athletesData;
paginator.resourceStrings = this.paginatorResourceStrings1;
column1.pipeArgs = this.columnPipeArgs1;
propertyEditor.componentRenderer = this.renderer;
propertyEditor.target = this.grid;
sizeEditor.changed = this.webGridSetGridSize;
}
this._bind();
}
private _athletesData: AthletesData = null;
public get athletesData(): AthletesData {
if (this._athletesData == null)
{
this._athletesData = new AthletesData();
}
return this._athletesData;
}
private _componentRenderer: ComponentRenderer = null;
public get renderer(): ComponentRenderer {
if (this._componentRenderer == null) {
this._componentRenderer = new ComponentRenderer();
var context = this._componentRenderer.context;
PropertyEditorPanelDescriptionModule.register(context);
WebGridDescriptionModule.register(context);
}
return this._componentRenderer;
}
public webGridSetGridSize(sender: any, args: IgcPropertyEditorPropertyDescriptionChangedEventArgs): void {
var newVal = (args.newValue as string).toLowerCase();
var grid = document.getElementById("grid");
grid.style.setProperty('--ig-size', `var(--ig-size-${newVal})`);
}
}
new Sample();
ts<!DOCTYPE html>
<html>
<head>
<title>Sample | Ignite UI | Web Components | infragistics</title>
<meta charset="UTF-8" />
<link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/wc.png" >
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web" />
<link rel="stylesheet" href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" />
<link rel="stylesheet" href="/src/index.css" type="text/css" />
</head>
<body>
<div id="root">
<div class="container sample ig-typography">
<div class="options vertical">
<igc-property-editor-panel
name="PropertyEditor"
id="PropertyEditor"
description-type="WebGrid"
is-horizontal="true"
is-wrapping-enabled="true">
<igc-property-editor-property-description
name="SizeEditor"
id="SizeEditor"
label="Grid Size:"
value-type="EnumValue"
drop-down-names="Small, Medium, Large"
drop-down-values="Small, Medium, Large">
</igc-property-editor-property-description>
</igc-property-editor-panel>
</div>
<div class="container fill">
<igc-grid
auto-generate="false"
name="grid"
id="grid"
id="grid">
<igc-paginator
name="paginator"
id="paginator"
per-page="15">
</igc-paginator>
<igc-column
field="Id"
header="Rank"
sortable="true">
</igc-column>
<igc-column
field="Name">
</igc-column>
<igc-column
field="BeatsPerMinute"
header="Beats Per Minute"
data-type="number">
</igc-column>
<igc-column
field="TopSpeed"
header="Top Speed"
data-type="number"
name="column1"
id="column1">
</igc-column>
</igc-grid>
</div>
</div>
</div>
<!-- This script is needed only for parcel and it will be excluded for webpack -->
<% if (false) { %><script src="src/index.ts"></script><% } %>
</body>
</html>
html/* shared styles are loaded from: */
/* https://static.infragistics.com/xplatform/css/samples */
#grid {
--ig-size: var(--ig-size-medium);
}
css
API References
Additional Resources
- Virtualization and Performance
- Filtering
- Sorting
- Summaries
- Column Moving
- Column Pinning
- Column Resizing
- Selection
Our community is active and always welcoming to new ideas.