https://mottie.github.io/tablesorter/docs/example-widget-column-selector.html
从这个JQuery插件中,我使用了这个功能,可以显示和隐藏你喜欢的列。
问题在于,如果我将id =“popover”添加到按钮的title =“whatever”,则标题会进入顶部的模态。对于任何人来说都可以是一个很好的功能,但是我需要显示常用的工具提示,其中包含当你悬停按钮时正常显示的title属性的内容。
如何恢复正常功能,以便能够正常查看工具提示?
<!-- Bootstrap popover button -->
<button id="popover" class="btn btn-primary">
Show/hide column
</button>
<div class="hidden">
<div id="popover-target"></div>
</div>
//SHOW/HIDE COLUMNS
$.tablesorter.columnSelector.attachTo( $('.bootstrap-popup'), '#popover-target');
$('#popover')
.popover({
placement: 'right',
html: true, // required if content has HTML
content: $('#popover-target')
});
答案 0 :(得分:1)
示例代码使用Bootstrap&#39; popover来显示列选择器菜单。如果要添加工具提示,请在弹出代码(tooltip)之前初始化Bootstrap的demo
$(function() {
$(".bootstrap-popup").tablesorter({
theme: 'blue',
widgets: ['zebra', 'columnSelector', 'stickyHeaders']
});
// call this function to copy the column selection code into the popover
$.tablesorter.columnSelector.attachTo($('.bootstrap-popup'), '#popover-target');
$('[title]').tooltip();
$('#popover').popover({
placement: 'right',
html: true, // required if content has HTML
content: $('#popover-target')
});
});