DataGrid - Code Generation Wizard

DataGrid Code Generation Wizard

You can generate your datagrid code with few clicks via using the wizard on the right hand side.

Data Source Type

Static Data
Web API
Web Service

Data Source

Url:

MetaData Url:

JSON Data:

[
        { ID: 16, Title: "Northanger Abbey", Year: 1817, Price: 1295, Genre: "Gothic parody" },
        { ID: 17, Title: "David Copperfield", Year: 1850, Price: 1500, Genre: "Bildungsroman" },
        { ID: 18, Title: "Don Quixote", Year: 1617, Price: 895, Genre: "Picaresque" },
        { ID: 19, Title: "Moby Dick", Year: 1851, Price: 725, Genre: "Picaresque" },
        { ID: 20, Title: "Robinson Crusoe", Year: 1719, Price: 1250, Genre: "Picaresque" },
        { ID: 21, Title: "Gulliver’s Travels", Year: 1726, Price: 2150, Genre: "Picaresque" },
        { ID: 22, Title: "Clarissa", Year: 1748, Price: 475, Genre: "Picaresque" },
        { ID: 23, Title: "Tom Jones", Year: 1749, Price: 880, Genre: "Picaresque" },
        { ID: 24, Title: "Frankenstein", Year: 1818, Price: 740, Genre: "Picaresque" },
        { ID: 25, Title: "Nightmare Abbey", Year: 1818, Price: 895, Genre: "Picaresque" },
        { ID: 26, Title: "Sybil", Year: 1845, Price: 720, Genre: "Picaresque" },
        { ID: 27, Title: "Jane Eyre", Year: 1847, Price: 990, Genre: "Picaresque" },
        { ID: 28, Title: "Vanity Fair", Year: 1848, Price: 500, Genre: "Picaresque" }
    ];

Column Selection

Grouping

Aggregates

Want to learn more about the grid component? Check out the API documentation.