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?