Quantcast
Channel: Recent Discussions — DataTables forums
Viewing all articles
Browse latest Browse all 82109

Datatable fnAddData - class and tooltip not working

$
0
0
Hi All,

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?

Viewing all articles
Browse latest Browse all 82109

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>