Question

JSON数据：

[{“kContentProcessing”：1，“appData”：{“kAppData”：1，“name”：“500px.com”}，“所有者”：“Sup Julius。”，“cp_status”：“完成” “dv_status”： “完成”， “iibe_status”： “完成”， “cp_req”： “没有”， “dv_req”： “没有”， “iibe_req”： “没有”， “CREATEDATE”：“2015-08- 03 “}，{” kContentProcessing “：2，” 应用程序数据 “：{” kAppData “：2，” 名 “：” 9gag.com “}，” 主人 “：” amey “ ”cp_status“： ”完成“，” dv_status “：” 完成”， “iibe_status”： “完成”， “cp_req”： “没有”， “dv_req”： “没有”， “iibe_req”： “没有”， “CREATEDATE”： “2015年8月10日” }，{ “kContentProcessing”：3， “应用程序数据”：{ “kAppData”：3， “名”： “abc.go.com”}， “主人”： “杰克”， “cp_status”： “完成”，” dv_status “：” 完成”， “iibe_status”： “完成”， “cp_req”： “完成”， “dv_req”： “完成”， “iibe_req”： “完成”， “CREATEDATE”： “2015年8月11日” }，{ “kContentProcessing”：4 “应用程序数据”：{ “kAppData”：3 “名称”： “abc.go.com”}， “所有者”： “吉尔”， “cp_status”： “完成”，” dv_status “：” 完成”， “iibe_status”： “完成”， “cp_req”： “完成”， “dv_req”： “完成”， “iibe_req”： “完成”， “CREATEDATE”： “2015年8月11日” }，{ “kContentProcessing”：5， “应用程序数据”：{ “kAppData”：5， “名”： “aliexpress.com”}， “主人”： “琼斯”， “cp_status”： “完成”， “dv_status” ：“唐E “ ”iibe_status“： ”完成“， ”cp_req“： ”完成“， ”dv_req“： ”完成“， ”iibe_req“： ”完成“， ”CREATEDATE“： ”2015年8月11日“}，{” kContentProcessing “：6，” 应用程序数据 “：{” kAppData “：6，” 名 “：” allthecooks.com “}，” 主人 “：” 马克”， “cp_status”： “完成”， “dv_status”： “完成” “iibe_status”： “完成”， “cp_req”： “完成”， “dv_req”： “完成”， “iibe_req”： “完成”， “CREATEDATE”： “2015年8月11日”}，{ “kContentProcessing” ：7， “应用程序数据”：{ “kAppData”：7， “名”： “bigoven.com”}， “主人”： “JONS”， “cp_status”： “完成”， “dv_status”： “完成”，” iibe_status “：” 完成”， “cp_req”： “完成”， “dv_req”： “完成”， “iibe_req”： “完成”， “CREATEDATE”： “2015年8月11日”}，{ “kContentProcessing”：8 ， “应用程序数据”：{ “kAppData”：8， “名”： “bookmyshow.com”}， “主人”： “乔斯”， “cp_status”： “完成”， “dv_status”： “完成”， “iibe_status” ： “完成”， “cp_req”： “完成”， “dv_req”： “完成”， “iibe_req”： “完成”， “CREATEDATE”： “2015年8月11日”}，{ “kContentProcessing”：9“， AppData的 “：{” kAppData “：9，” 名 “：” crackle.com “}，” 主人 “：” jnes “ ”cp_status“： ”完成“， ”dv_status“： ”完成“， ”iibe_status“：”完成 “ ”cp_req“： ”完成“， ”dv_req“： ”完成“， ”iibe_req“： ”完成“， ”CREATEDATE“： ”2015年8月11日“}，{” kConte ntProcessing “：10，” 应用程序数据 “：{” kAppData “：10，” 名 “：” eat24.com “}，” 主人 “：” 一”， “cp_status”： “完成”， “dv_status”： “完成” “iibe_status”： “完成”， “cp_req”： “完成”， “dv_req”： “完成”， “iibe_req”： “完成”， “CREATEDATE”： “2015年8月11日”}]

HTML ：

<th data-field=appData.name[0] data-sortable="True" data-align="center" id="o">Name</th>

那么如何使用data-field访问名称字段？

Answer 1

<强>解

您可以通过为data-column-defs元素

设置table属性来实现此目的

<table id="example" class="display" cellspacing="0" width="100%" data-column-defs='[{"targets":0,"data":"appData.name"}]'>

根据manual：

使用data-*属性作为初始化选项时，需要考虑两个要点：


jQuery会自动从虚线字符串转换为DataTables使用的驼峰案例表示法（例如，data-page-length使用pageLength）。

如果在属性中使用字符串，则必须使用双引号（因此单引号中的属性）。由于处理JSON数据数据，这是jQuery的另一个要求。

但是，您可以直接使用初始化选项columnDefs，而不是使用data-属性。

<强>样本

请参阅this jsFiddle以获取代码和演示。

如何使用bootstrap

1 个答案: