数据表，每个单元

Question

自定义提示我想定制我的提示我的表，我用下面的例子：

https://datatables.net/beta/1.9/examples/advanced_init/events_post_init.html

我复制CSS和JS提示文件，但我的提示看起来像一个默认。

我如何定制我的工具提示？你有例子吗？

干杯

Answer 1

真的没有什么花哨的。这只是一个<div>后鼠标显示一些内容。你可以使用其中的一个zillion tooltip/popover插件，或者你可以自己做。这里是表示悬停的行的一 “提示” 的内容的例子：

#tooltip { 
    position: absolute; 
    z-index: 1001; 
    display: none; 
    border: 2px solid #ebebeb; 
    border-radius: 5px; 
    padding: 10px; 
    background-color: #fff; 
} 

事件处理程序

$('#example').on('mousemove', 'tr', function(e) { 
    var rowData = table.row(this).data().join(',') 
    $("#tooltip").text(rowData).animate({ left: e.pageX, top: e.pageY }, 1) 
    if (!$("#tooltip").is(':visible')) $("#tooltip").show() 
}) 
$('#example').on('mouseleave', function(e) { 
    $("#tooltip").hide() 
}) 

演示 - >http://jsfiddle.net/0g2axdt5/

采用animate()是为了避免闪烁。