jquery - Bind Complex Json to Html Grid -


i trying render complex json array structure html grid. tried used kendo ui grid , datatables.js bind json array not quite sure how should bind that.

here json.

{"data":[{"cemetry_record":{"info":{"application_id":"020.2009.00000004.001","cemetry_name":"gore","cemetry_section":"roman catholic","service_type":"burial","first_name":"david","middle_name":"charles","family_name":"smith","birth-date":"2000-01-01","date_of_death":"2015-01-01","service_date":"2015-01-01","last_modified_date":"2009-03-09t09:35:05+11:00","description":"cemetry entry david charles smith","age":15,"photos":"yes","lodgement_date":"2009-03-09t00:00:00+11:00","status":"deceased","formatted_application_number":"20.2009.4.1","contact_us_messsage":"contact on 1234 details"}}}],"count":1,"pagination":{"previous":null,"next":null,"current":1,"per_page":10,"count":1,"pages":1},"error_list":null} 

can 1 suggest how can bind data using kendo ui grid or datatables js or jput plugin ?

update got success in binding grid using datatablesjs. still has issues. please see code below.

$("#example").datatable({             "processing": true,             "serverside": true,             "ajax": {                 "url": "@url.action("getlistjson", "home")",                            },             columns: [                 { data: "cemetry_record.info.family_name" },                 { data: "cemetry_record.info.first_name" },                 { data: "cemetry_record.info.cemetry_name" },                 { data: "cemetry_record.info.cemetry_section" }             ]         }); 

the "@url.action("getlistjson", "home")" returns json format specified above.

the issue datatables js expects paging parameters name. there way can specify json property used pagination how have done columns ?


Comments

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

ios - UITEXTFIELD InputView Uipicker not working in swift -

Python Pig Latin Translator -