Jquery Datatables(三)

最近在项目中又使用Datatables的一个有趣功能，官网列子如下图：

点击“+”，展开列表，再次点击收缩。

官网的列子点击展开后的数据也是原来行中的数据，这边有了一个想法是否可以利用Ajax去动态加载数据，让“+”实现主从表的功能？

分析后觉得可以，动手实验。

首先，敲代码去实现不带“+”的表格，这个应该很简单。

然后加入一列，让第一列展示一个“+”图片。

 1     var table = $('#example').DataTable({
 2         "bSort": false, //排序设置为False
 3         "bFilter": false,//搜索设置为False
 4         "sAjaxSource": "/XXXX/XXXX/XXXX",
 5         "aoColumns": [
 6              {
 7                  "mDataProp": "Id",
 8                  "className": 'details-control',    //运用样式来加载图片
 9                  "render": function (data, type, row) {
10                      return '';    //关键，让第一列什么都不现实
11                  }
12              },
13             {
14                 "mDataProp": "Name"
15             },
16 
17             { "mDataProp": "WorkDay" }
18         ]
19     });

Datatables