Jquery 将复杂的Json绑定到Html网格

我试图将复杂的Json数组结构呈现为html网格。我尝试使用KendoUIGrid和Datatables.js绑定这个json数组，但我不太确定应该如何绑定它

这是我的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 for 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 us on 1234 for any details"}}}],"count":1,"pagination":{"previous":null,"next":null,"current":1,"per_page":10,"count":1,"pages":1},"error_list":null}

有人能建议我如何使用剑道UI网格或datatables js或JPut插件绑定这些数据吗

更新 我成功地使用Datatablesjs绑定了网格。还有一些问题。请参阅下面的代码

$("#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" }
            ]
        });

“@Url.Action（“GetListJson”，“Home”）”

返回上面指定的json格式

---

问题是datatables js需要具有特定名称的分页参数。有没有什么方法可以指定用于分页的json属性，就像我对列所做的那样？

这看起来非常像datatables ajax（页面上返回的数据）调用的响应。。。？如果是这样的话，请将datatables指向它，它应该会很好地使用它-可能已设置。@HappingMouse我不太确定。这是我需要处理的Json格式，因为我不允许更改它。我用Datatables ajax尝试过，但没有成功。如果您将ajax URI指向返回上述数据的URI，那么肯定会成功。您可能需要初始化表及其列。也许找个JSFIDLE，我们可以再看一看？@HappingMouse嘿，谢谢你的建议。它部分通过了。分页不起作用，因为它需要具有特定名称的json属性。查看更新的问题并提出解决方案。