Creating a Custom Grid Column and fill data

2 posts, 0 answers
  1. PRIYA142
    PRIYA142 avatar
    1 posts
    Member since:
    Jun 2010

    Posted 25 May Link to this post

    I have received the data in json format as follows:

    var mydata = [
    "Title":"My Grid Example",

    Now, I want to generate the dynamic grid with the above data with 4 columns and 7 rows (for this case) . The columns can varies during runtime (from 2-3 to 14-15)

    Something like this is expected:


    $(document).ready(function () {



    function generateGrid(receiveddata) {


    dataSource: { data: receiveddata.Rows.Items},

    height: 400,
    scrollable: true,

    schema: {
            model: receiveddata.DatasetHeader.items

    title: receiveddata.title


    } //end of javascript function


    <div id="table-grid"></div>

  2. Konstantin Dikov
    Konstantin Dikov avatar
    1750 posts

    Posted 30 May Link to this post


    From what I could see, the items collection in the Rows does not contain valid JSON structure, so it will not be possible to use that data in the Grid. You could however parse it to a valid data before passing it to the dataSource and the model of the widget:
    Additionally, for all sides convenience, please use the correct product section when you open new threads. Thank you for your understanding.

    Best Regards,
    Konstantin Dikov
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. DevCraft R3 2016 release webinar banner
Back to Top