Nested Datatables 1.10.11
Nested Datatables version 1.10.11.
by andrewarnier
HTML
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.11/js/dataTables.bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<table id="opiniondt" class="display" cellspacing="0" width="100%" >
<thead >
<tr >
<th></th>
<th width="10%" >time</th>
<th width="20%" >reason</th>
<th width="70%">range</th>
<th style="display: none;"></th>
</tr>
</thead>
<tr><td></td><td></td><td></td><td></td></tr>
</table>
CSS
td.details-control {
background: url('http://i.imgur.com/SD7Dz.png') no-repeat center center;
cursor: pointer;
}
tr.shown td.details-control {
background: url('http://i.imgur.com/SD7Dz.png') no-repeat center center;
}
JavaScript
var options =[{"aggr_id":"3","starttime":"2016-10-07 13:55:23","rs":"YU <> Metro Loss","loc":"ASR9010-01_ad0/6/1/4 <> _ad0/7/0/4,ASR9010-01_ad0/6/1/4 <> ad0/7/0/3,ad0/7/0/2 <> 9010-01_ad0/6/1/3,9912-02_ad0/7/0/7 <> 10-01_ad0/7/1/4,10-01_ad0/6/1/4 <> 12-01_ad0/7/0/0,10-01_ad0/6/1/3 <> 12-01_ad0/8/0/1,12-01_ad0/8/0/0 <> 01_ad0/6/1/3,10-01_ad0/6/1/3 <> 12-01_ad0/8/0/2,10-01_ad0/7/1/2 <> 12-02_ad0/7/0/5,10-01_ad0/6/1/4 <> 912-01_ad0/7/0/8,010-01_ad0/7/1/3 <> 912-02_ad0/7/0/6,"},{"aggr_id":"5","starttime":"2016-10-03 10:52:15","rs":"AHL Loss","loc":"01_ad0/6/1/2 <> 12-02_ad0/7/0/17,01_ad0/6/1/0 <> 01_ad0/8/0/2,01_ad0/7/0/8 <> 10-01_ad0/6/1/1,01_ad0/7/1/1 <> 12-02_ad0/7/0/19,"},{"aggr_id":"5","starttime":"2016-10-03 10:52:15","rs":"AHL Loss","loc":"01_ad0/6/1/2 <> 12-02_ad0/7/0/17,01_ad0/6/1/0 <> 01_ad0/8/0/2,01_ad0/7/0/8 <> 10-01_ad0/6/1/1,01_ad0/7/1/1 <> 12-02_ad0/7/0/19,"},{"aggr_id":"5","starttime":"2016-10-03 10:52:15","rs":"AHL Loss","loc":"01_ad0/6/1/2 <> 12-02_ad0/7/0/17,01_ad0/6/1/0 <> 01_ad0/8/0/2,01_ad0/7/0/8 <> 10-01_ad0/6/1/1,01_ad0/7/1/1 <> 12-02_ad0/7/0/19,"},{"aggr_id":"5","starttime":"2016-10-03 10:52:15","rs":"AHL Loss","loc":"01_ad0/6/1/2 <> 12-02_ad0/7/0/17,01_ad0/6/1/0 <> 01_ad0/8/0/2,01_ad0/7/0/8 <> 10-01_ad0/6/1/1,01_ad0/7/1/1 <> 12-02_ad0/7/0/19"}];
var sections = [[{"eventtime":"2016-10-07 13:55:23","device":"2K","ip":"10.10.221.33","ifdesc":"N\/A","ifindex":"N\/A"},{"eventtime":"2016-10-07 13:55:22","device":"12-01","ip":"10.10.232.3","ifdesc":"ad0\/7\/0\/0","ifindex":"43"},{"eventtime":"2016-10-07 13:55:22","device":"10-01","ip":"10.10.10.3","ifdesc":"ad0\/7\/1\/3","ifindex":"27"},{"eventtime":"2016-10-07 13:55:22","device":"112-02","ip":"10.10.12.6","ifdesc":"ad0\/7\/0\/5","ifindex":"102"},{"eventtime":"2016-10-07 13:55:21","device":"01","ip":"10.10.244.3","ifdesc":"ad0\/6\/1\/3","ifindex":"71"},{"eventtime":"2016-10-07 13:55:22","device":"12-01","ip":"10.10.232.3","ifdesc":"ad0\/8\/0\/1","ifindex":"117"},{"eventtime":"2016-10-07...