Hi All,
I have a table
class checkbox and the tooltip work fine. Now I am loading with Ajax some data, and use the fnAddData for adding. Works fine, but class and tooltip dont work. here is the code :
Any Ideas?
I have a table
<table id="datatable_example" class="responsive table table-striped table-bordered" style="width:100%;margin-bottom:0; ">
<thead>
<tr>
<th class="jv no_sort"><label class="checkbox ">
<input type="checkbox">
</label></th>
<th class="to_hide_phone no_sort">Gfall</th>
<th class="to_hide_phone no_sort">Description</th>
<th class="ms no_sort ">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td><label class="checkbox ">
<input type="checkbox">
</label></td>
<td>AAA</td>
<td class="to_hide_phone">Full price for gum?!</td>
<td class="ms"><div class="btn-group"> <a class="btn btn-small" rel="tooltip" data-placement="left" data-original-title=" Edit "><i class="gicon-edit"></i></a> <a class="btn btn-small" rel="tooltip" data-placement="top" data-original-title="View"><i class="gicon-eye-open"></i></a> <a class="btn btn-small" rel="tooltip" data-placement="bottom" data-original-title="Remove"><i class="gicon-remove "></i></a> </div></td>
</tr>
</tbody>
</table>
class checkbox and the tooltip work fine. Now I am loading with Ajax some data, and use the fnAddData for adding. Works fine, but class and tooltip dont work. here is the code :
tmp1 = '<label class="checkbox "> <input type="checkbox"> </label>';
tmp2 = res.DATA[i][0] + ' - ' + res.DATA[i][1];
tmp3 = res.DATA[i][2];
tmp4 = '<div class="btn-group"> <a class="btn btn-small" rel="tooltip" data-placement="left" data-original-title=" Edit "><i class="gicon-edit"></i></a> <a class="btn btn-small" rel="tooltip" data-placement="top" data-original-title="View"><i class="gicon-eye-open"></i></a> <a class="btn btn-small" rel="tooltip" data-placement="bottom" data-original-title="Remove"><i class="gicon-remove "></i></a> </div>';
$('#datatable_example').dataTable().fnAddData( [
tmp1
, tmp2
, tmp3
, tmp4
] );
Any Ideas?