Jquery 如何在dataTable的单个单元格中添加多个json值

如何在dataTable的单个单元格中添加多个json值。 我正在浏览datatables文档，但找不到清晰的示例

我有以下JSON字符串，我通过会话将其访问到dataTable中

<textarea id="Report" type="text" style="" name="Report">
    [
    {
    "Identifier": "0",
    "LastName": "Cooper",
    "FirstName": "Benny",
    "MiddleInitial": "P",
    "MRN": "7854753",
    "Age": "30",
    "Gender": "Female",
    "Location":
        {
            "Bed": "1",
            "Room": "A",
            "unit": "NU1",
            "facility": "Fac1"
        },
    "ServiceDate":"05/03/2013",
    "ChargeAndDx":"99222 - 410.01,428",
    "BillingProvider":"Palmer, James",
    "title":"Add",
    "start":"2013-08-07",
    "url":"#",
    "textColor":"red"
    }] </textarea>

[
{
“标识符”：“0”，
“姓氏”：“库珀”，
“名字”：“本尼”，
“中间首字母”：“P”，
“MRN”：“7854753”，
“年龄”：“30岁”，
“性别”：“女性”，
“地点”：
{
“床”：“1”，
“房间”：“A”，
“单位”：“NU1”，
“设施”：“Fac1”
},
“服务日期”：“2013年3月5日”，
“ChargeAndDx”：“99222-410.01428”，
“BillingProvider”：“Palmer，James”，
“标题”：“添加”，
“开始”：“2013-08-07”，
“url”：“#”，
“文本颜色”：“红色”
}] 

在我访问datatable中会话的另一个页面上是aas，如下所示：

$(document).ready(function (){

var ReportData=JSON.parse(document.getElementById("Report").innerHTML);
        Report=$('#patientDataTables').dataTable
        ({
            "bJQueryUI":true,
            "bScrollCollapse":true,
            aaData:patientReportData,
            "aoColumns":
                [   {"mData":"LastName","sClass":"left"},
                    {"mData":"ServiceDate","sClass":"left"},
                    {"mData":"ChargeAndDx","sClass":"left"},
                    {"mData":"BillingProvider","sClass":"left"},
                    {"mData":"null","sClass":"center","sDefaultContent":"<a href='' class='editor_menu'>menu</a>"}

                ]
        });

$（文档）.ready（函数（）{
var ReportData=JSON.parse（document.getElementById（“Report”）.innerHTML）；
报告=$（“#patientDataTables”）.dataTable
({
“bJQueryUI”：没错，
“崩溃”：没错，
aaData:patientReportData，
“aoColumns”：
[{“mData”：“LastName”，“sClass”：“left”}，
{“mData”：“ServiceDate”，“sClass”：“left”}，
{“mData”：“ChargeAndDx”，“sClass”：“left”}，
{“mData”：“BillingProvider”，“sClass”：“left”}，
{“mData”：“null”，“sClass”：“center”，“sDefaultContent”：“”}
]
});

在显示姓氏的数据表中，我还需要FirtName、中间首字母、MRN和年龄

---

这是如何实现的。如果有人知道一种快速实现这一点的方法。

在DataTables 1.10.x之前，您可以使用如下参数：

"aoColumns":[   
   {"mData":"LastName",
    "sClass":"left", 
    "mRender":function(data, type, full){
       return full.FirstName + full.LastName + full.MiddleInitial;
    }
   },
   {"mData":"ServiceDate","sClass":"left"},
   {"mData":"ChargeAndDx","sClass":"left"},
   {"mData":"BillingProvider","sClass":"left"},
   {"mData":"null","sClass":"center","sDefaultContent":"<a href='' class='editor_menu'>menu</a>"}
]

"columns":[   
   {"data":"LastName",
    "className":"left",
    "render":function(data, type, full, meta){
       return full.FirstName + full.LastName + full.MiddleInitial;
    }
   },
   {"data":"ServiceDate","sClass":"left"},
   {"data":"ChargeAndDx","sClass":"left"},
   {"data":"BillingProvider","className":"left"},
   {"data":"null","className":"center","defaultContent":"<a href='' class='editor_menu'>menu</a>"}
]

“aoColumns”：[
{“mData”：“LastName”，
“sClass”：“left”，
“mRender”：功能（数据、类型、完整）{
返回full.FirstName+full.LastName+full.MiddleInitial；
}
},
{“mData”：“ServiceDate”，“sClass”：“left”}，
{“mData”：“ChargeAndDx”，“sClass”：“left”}，
{“mData”：“BillingProvider”，“sClass”：“left”}，
{“mData”：“null”，“sClass”：“center”，“sDefaultContent”：“”}
]

从DataTables 1.10.x开始，可以使用如下属性：

"aoColumns":[   
   {"mData":"LastName",
    "sClass":"left", 
    "mRender":function(data, type, full){
       return full.FirstName + full.LastName + full.MiddleInitial;
    }
   },
   {"mData":"ServiceDate","sClass":"left"},
   {"mData":"ChargeAndDx","sClass":"left"},
   {"mData":"BillingProvider","sClass":"left"},
   {"mData":"null","sClass":"center","sDefaultContent":"<a href='' class='editor_menu'>menu</a>"}
]

"columns":[   
   {"data":"LastName",
    "className":"left",
    "render":function(data, type, full, meta){
       return full.FirstName + full.LastName + full.MiddleInitial;
    }
   },
   {"data":"ServiceDate","sClass":"left"},
   {"data":"ChargeAndDx","sClass":"left"},
   {"data":"BillingProvider","className":"left"},
   {"data":"null","className":"center","defaultContent":"<a href='' class='editor_menu'>menu</a>"}
]

“列”：[
{“数据”：“姓氏”，
“className”：“left”，
“呈现”：函数（数据、类型、完整、元）{
返回full.FirstName+full.LastName+full.MiddleInitial；
}
},
{“数据”：“ServiceDate”，“sClass”：“left”}，
{“数据”：“ChargeAndDx”，“sClass”：“left”}，
{“data”：“BillingProvider”，“className”：“left”}，
{“data”：“null”，“className”：“center”，“defaultContent”：“}
]

感谢您的响应。在等待响应之前，我尝试了另一种方法并克隆了JSON字符串。在单个对象/字段中获得了FirstName和LastName以及中间的首字母，然后将其传递给dataTable。但我将尝试这种方法。这种方法看起来很简单，也很简单。可以使用，但您应该使用“data”参数，设置为JSON数组的当前行，因为如果有更多的行已满，则将包含所有对象，而不仅仅是当前行。ThanksGreat answer！此外：如果您需要这些字段可搜索，可以将它们添加到其他列中，参数“visible”为“false”，参数“searchable”为“true”。这y您将在一列中看到所有数据，但仍可以对其进行搜索。