data

Optional. Specifies an array of data objects to set into the grid

info

Please note that if you specify the id fields in the data collection, their values should be unique. You can also omit the id fields in the data collection. In this case they will be generated automatically.

data?: object[];

Example

const dataset = [
    {
        "country": "China",
        "population": "1415045928",
        "yearlyChange": "0.0039",
        "netChange": "5528531",
        "id": "1"
    },
    {
        "country": "India",
        "population": "1354051854",
        "yearlyChange": "0.0111",
        "netChange": "14871727",
        "id": "2"
    },
    // more columns
];

const grid = new dhx.Grid("grid_container", {
    columns: [
        // columns config
    ],
    data: dataset
});

Related samples:

Starting with v7.1, you can specify the height for the necessary row of data via setting the number value to the height option when defining the data set:

const dataset = [
    {
        "country": "China",
        "population": "1415045928",
        "height": 80,
        "id": "1"
    },
    {
        "country": "India",
        "population": "1354051854",
        "id": "2",
    }
];

Related sample: Grid. Row height

note

The height option has a higher priority than the autoHeight:true configuration property of Grid.
Thus, autoHeight:true will be ignored for the cell that the height option is defined to.

Starting with v7.1, it is possible to use the Date() object when specifying data for the "Date" column:

const dataset = [
    {
        "country": "China",
        "date": new Date()
    },
    {
        "country": "India",
        "date": new Date(2010, 02, 10)
    }
];