2016-10-22 52 views
0

我试图创建一个类似的功能,这个nested table是我想要的, 但是每个嵌套表中的子行都一样,如何更改嵌套表中的内容是不同的?Jquery数据表:如何创建嵌套表数据?

的javascript:

var opinions = [{"id":47,"name":"E061140","fileName":null,"disposition":null,"summary":null,"title":"Marr. of Eustice","opinionDate":"2015-12-10"},{"id":48,"name":"C070296M","fileName":null,"disposition":null,"summary":null,"title":"P. v. Nilsson","opinionDate":"2015-12-10"},{"id":50,"name":"S209643","fileName":null,"disposition":null,"summary":null,"title":"P. v. Stevens","opinionDate":"2015-12-10"}]; 
var sections = [{"code":"code of civil procedure","sectionNumber":{"position":-1,"sectionNumber":"177.5"},"refCount":2,"section":{"part":"Chapter","partNumber":"4","title":"Incidental Powers and Duties of Judicial Officers","codeRange":{"sNumber":{"position":168,"sectionNumber":"177"},"eNumber":{"position":171,"sectionNumber":"179"}},"depth":3}},{"code":"code of civil procedure","sectionNumber":{"position":-1,"sectionNumber":"580"},"refCount":16,"section":{"part":"Chapter","partNumber":"1","title":"Judgment in General","codeRange":{"sNumber":{"position":862,"sectionNumber":"577"},"eNumber":{"position":879,"sectionNumber":"582.5"}},"depth":3}}]; 

回答

0

可以使用row.index()找到父表的适当的行,然后使用该值作为查找到子数据阵列通过下面的代码片断:

data: sections[row.index()]

提供已转化成sections数组的数组:

var sections = [[{}, {}...], [{},...]];

我已经简化了部分数据,使其更容易在以下小提琴https://jsfiddle.net/y0vgen6z/2/

+0

感谢@K Scandrett, – georgetovrea

+0

了解如何嵌套表的每一行中添加一个按钮,当点击按钮会将行数据发布到info.php并在弹出窗口中查看info.php? – georgetovrea