2017-04-26 114 views
1

我在HTML定義爲<table id="tableDynamic"></table>添加工具提示

表的數據表的具體列,我動態更新表作爲

$('#tableDynamic').DataTable({ 
     columns: [ 
      { title: data[0] }, 
      { title: data[1] }, 
      { title: data[2] }, 
], 

     "columnDefs": [ 
      { 
       "render": function (data, type, row){ 
        return '<a>' + row[0] +'</a>'; 

       }, 
       "targets": 0 
      }, 
     ] 
    }); 
} 

我如何添加工具提示只是爲了特定的列data[2]

+1

https://datatables.net/forums/discussion/32240/how-to-implement-a-popup-tooltip-on-a-datatables-cell-that-displays-all-data – ProgrammerV5

+0

這個工作太' $(「#tableDynamic> thead> tr> th:nth-​​child(3)」)。tooltip({title:「tooltipText」});' – user2661518

+0

你也可以用jQuery來定位它。 – Christien

回答

-1

您也可以這樣做(在Datable初始化完成後調用任何其他javascript):

$('#tableID').DataTable({ 

    [...] 

    fnDrawCallback: function(oSettings, json) { 
     //Call JS here 
     alert('DataTables has finished its initialisation.');   
     tooltip('.selector', 'theme'); 
    } 

    }); 

我問了一個有點類似的問題here。查看YouneL的答案以獲取更多詳細信息,並舉例說明如何回撥。

+0

Downvote?任何原因? – Sychal