Bootstrap工具提示无法在与数据表的第一个页面不同的页面中工作

我正在开发几个表的数据表，其中某些列的单元格具有引导工具提示。所以我正在使用：

引导框架

数据表。

数据表分为几页。准备好文档并加载表后，在数据表的第一页中，工具提示可以正常工作，但下一页的单元格中没有工具提示！

我怎么解决这个问题？

解

drawCallback每次DataTables重绘表时，都需要使用初始化工具提示。这是必需的，因为在显示第一页时DOM中不存在第一页以外的页面的TR和TD元素。

演示

$(document).ready(function() {  
    var table = $('#example').DataTable( {     
        ajax: 'https://api.myjson.com/bins/qgcu',
        drawCallback: function(settings){
            var api = this.api();
            
            /* Add some tooltips for demonstration purposes */
            $('td', api.table().container()).each(function () {
               $(this).attr('title', $(this).text());
            });

            /* Apply the tooltips */
            $('td', api.table().container()).tooltip({
               container: 'body'
            });          
        }  
    }); 
});

 






 



    

        
Name
        
Position
        
Office
        
Salary
        
Start Date
    



    

        
Name
        
Position
        
Office
        
Salary
        
Start Date